固定标题 + 固定右侧导航 + 流动内容区域

Question

我想创建一个布局，其中标题和右侧导航是固定的，并且 内容区域是流动的。

我附上了一个屏幕截图来帮助更好地解释这一点。

如果可以的话，我真的很感激一些帮助。

谢谢

Answer 1

试试这个：

* {margin: 0; padding: 0;};

.wrap {width: 980px; margin: auto;}
header {width: 100%; height: 200px; float: left;}
#content {width: 100%; padding: 0 0 0 150px; min-height: 500px;}
aside {width: 150px; min-height: 100%; height: auto; float: left; margin-left: 150px;}

<div class="wrap">
<header>
</header>
<div id="content">
<aside>
</aside>
</div>
</div>

这会让你得到你想要的。这适用于 HTML5，尽管只是将（标题和旁边）更改为 div 标签。