我正在尝试使用以下布局创建页面:
- 页面占据整个视口:
html, body {height: 100%}
#header
位于页面顶部height: 80px
- 实际页面内容 (
#content
) 占用所有剩余空间并分为 3 列带边距
对于列,我将引导程序.row-fluid
与span-X
孩子一起使用。
如果我使用position: static
for#header
并设置height: 100%
为#content
page 的高度将比视口高 80 像素。
如果我#header
使用设置位置position: absolute
并在之前添加一些元素#content
,height: 80px
那么页面将比视口大 80 像素。我尝试将边距和填充设置为#content
而不是添加空元素,但这没有帮助。