您现在的位置是：网站首页>列表内容
左侧固定宽度，右侧自适应宽度的CSS布局_CSS布局实例_CSS_网页制作_
2023-10-31 11:44:37
101人已围观
简介 这个是我练习做网页查资料查到的，有很多不错的布局。将其总结，并写上自己使用的一些感悟。
第一种方法：
关于这个布局，作者是这样说明的：“left和right都贴住左侧。设置left在right上面(z-index)；在right内加个放内容的层(content)；设置content距离right的左侧为200px，即刚巧等于left的宽度。”
这个布局有一个缺点就是，如果我设置了foot的div，试了很多办法，都不能根据content的高度，连着中间的内容，自动置于HTML页面的底部。如有牛人知道解决方法，望留言解答。
关于这个布局，作者是这样说明的：“left和right都贴住左侧。设置left在right上面(z-index)；在right内加个放内容的层(content)；设置content距离right的左侧为200px，即刚巧等于left的宽度。”
这个布局有一个缺点就是，如果我设置了foot的div，试了很多办法，都不能根据content的高度，连着中间的内容，自动置于HTML页面的底部。如有牛人知道解决方法，望留言解答。
复制代码
代码如下:Left
左侧固定宽度200px
Content
右侧宽度自动适应
Foot
想看看他的位置会在哪？
