小编Jar*_*d I的帖子

我正在尝试做一个看似简单的网页布局,但我正在打一堵墙.

我喜欢做的一切与CSS纯粹的(没有表到事情搞砸的时候,并没有JavaScript的动态调整的东西)

我想:

• 具有固定高度的航向
• 一个高度固定的页脚
• 左侧边栏有固定宽度
• 右侧边栏有固定宽度
• 整个布局始终填充整个视口(即,如果用户调整窗口大小,则布局增长到新大小)

换一种方式:

|<                Total width is 100% of viewport             >|

+--------------------------------------------------------------+  ---
|                 Header with a fixed height                   |   ^
|--------+-------------------------------------------+---------+    
|        |                                           |         |    
|        |                                           |         |    
|  Left  |                                           |  Right  | Total
|  with  |        Center grows in height/width       |  with   | height
|  fixed |      and has scrollbars if necessary      |  fixed  | is
|  width |                                           |  width  | …