100％身高W/Twitter的引导和固定导航栏

我使用Twitter的引导与固定导航栏，所以我有以下HAML & CSS：100％身高W/Twitter的引导和固定导航栏

HAML

%html 
    %body 
    %header 
     .navbar 
     ... 
    #main-wrapper 
     .container 
    %footer

CSS

body { 
    padding-top: 60px 
    height: 100%; 
}

问题是，这会创建一个比页面高度大60px的主体，所以即使不需要显示内容，我也总是在页面上有一个滚动条。我需要填充60px，以便响应行为正常工作。

有没有办法保持这种填充，仍然达到100％的身体高度？

2012-11-13 Bryce

请勿使用高度：100％。你不需要。在他的主页http://twitter.github.com/bootstrap/上使用bootstrap方法（用开发工具检查身体）。如果您为此激活了.css，身体会响应您所需的响应式网页设计 – wandarkaf

你可以尝试这样的事情：

<body> 
    <div style='height: 100%; background:blue;'> 
    <div style='height: 60px; background:red;'> 
    </div> 
    </div> 
</body>

让封闭的div有100％的高度，并添加一些内部元素创建填充。

2012-11-13 11:47:59 davidrac

回答