小编Jar*_*d I的帖子

填充可用空间的CSS布局

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

喜欢做的一切与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  | …

html css

6
推荐指数
1
解决办法
2427
查看次数

标签 统计

css ×1

html ×1