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

回答