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

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标签。