我正在 Twitter Bootstrap 中创建一个网页(如果它重要的话)并且我希望该页面是 100%;高度,所以页面底部或顶部不会有任何空白区域,现在看起来像这样:
我希望它看起来像这样:
虽然长页面在容器中不应该有任何额外的空白,但它仍然是 100% 的高度,如下所示:
但是我怎样才能做到这一点呢?由于布局是流动的?
最佳答案
我会使用 display: table 和 display: table-row。对于不支持 display: table 的旧浏览器,您可以使用 Modernizr 和 jQuery 后备。这是一个 fiddle :
有关 CSS 表格显示支持的更多信息,请访问 http://caniuse.com/css-table .
关于twitter-bootstrap - 拉伸(stretch)页面始终为 100% 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12912793/