html - 具有自定义宽度的内联 div

Question

<分区>

Answer 1

使用CSS table layout因为它 super 容易实现并且有really good support .它还具有平衡列高的额外好处 - 从而使创建列式布局轻而易举。

html, body {min-height:100%; height:100%; margin:0;}
.wrapper {display:table; width:100%; height:100%; min-height;100%;}
.wrapper .main {display:table-cell; background:#eee;}
.wrapper .sidebar {display:table-cell; background:#666; width:300px;}

<div class="wrapper">
    <div class="main">main</div>
    <div class="sidebar">sidebar (300px)</div>
</div>