我有一个基本的两列CSS布局,CSS如下:
#sidebar {
width:100px;
}
#main {
margin-left:100px;
}
And some sample html
<div id="content">
<div id="sidebar">some sidebar content</div>
<div id="main">some main content</div>
</div>
这个方法可以实现,但是侧边栏宽度需要与主要内容的margin-left值匹配,这样做似乎很冗余且容易出错。有更好的方法吗?
#sidebar
和#main
添加display:table-cell
属性:http:// jsfiddle.net/HTqHJ/2/ - JSW189