前端之家收集整理的这篇文章主要介绍了
两列布局,其中一列在CSS中具有固定宽度，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我想要一个漂亮的2列布局使用CSS浮动.
第1列160 px
第2列100％(即空间的其余部分).
我想先放置Col#2的div,所以我的布局如下：
<div id="header"></div>
<div id="content">
<div id="col2"></div>
<div id="col1"></div>
</div>
<div id="footer"></div>
什么必须得到这种效果？
上述任何一种都不会起作用.
div#col2 {
width: 160px;
float: left;
position: relative;
}
div#col1 {
width:100%;
margin-left: 160px;
}
这是假设第2列应显示为左侧边栏,以col 1为主要内容.
原文链接：https://www.f2er.com/css/217490.html
