您现在的位置是：网站首页> 编程资料编程资料
左侧固定宽度，右侧自适应宽度的CSS布局_CSS布局实例_CSS_网页制作_
2021-09-08
836人已围观
简介 这个是我练习做网页查资料查到的，有很多不错的布局。将其总结，并写上自己使用的一些感悟。
第一种方法：
关于这个布局，作者是这样说明的：“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
想看看他的位置会在哪？
相关内容
- 如何使div垂直水平居中的css代码_Div+CSS教程_CSS_网页制作_
- FORM 不换行的方法 _CSS教程_CSS_网页制作_
- 兼容浏览器的css网页细线表格设计_浏览器兼容教程_CSS_网页制作_
- 网页中各种链接引用方法小结_CSS教程_CSS_网页制作_
- CSS编程提醒及小技巧整理(25条)_CSS教程_CSS_网页制作_
- css使图片变灰的实现方法_CSS教程_CSS_网页制作_
- 清理无用的CSS样式比较有用的几个工具_CSS教程_CSS_网页制作_
- CSS text-shadow，box-shadow，border-radius属性_CSS教程_CSS_网页制作_
- DIV 再论清除浮动的空方法_Div+CSS教程_CSS_网页制作_
- Web标准中的特殊字符_Web标准教程_CSS_网页制作_
