引導程序高度繼承不工作，因爲沒有引導程序

主要問題是我無法爲內部div設置高度。我讀了一個線程，我需要在px中設置一個高度爲px的包裝並且我可以在％中設置內部div - 它可以工作，而不是在bootstrap中。引導程序高度繼承不工作，因爲沒有引導程序

我不想用不必要的元素重載頁面，所以我想繼承身體的高度（不管那會是什麼）。

bootstrap在某種程度上設置了高度，當我在路上繼承其中一個div的高度時，它會收到它，但內部div仍不接受％高度。

例子：

http://jsfiddle.net/HYtcz/ - CSS (px) without bootstrap, working 
http://jsfiddle.net/HYtcz/1/ - CSS (%) without bootstrap, working 
http://jsfiddle.net/tH9En/4/ - Adding the bootstrap lib - doesn't work.

代碼：

<html> 
<head> 
     <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet"> <style> 
      .main { 
       background: yellow; 
       height: inherit; 
      } 
      .list { 
       overflow: scroll; 
       background: gray; 
       width: 400px; 
       height: 20%; 
      } 
      .list table tr td { 
       line-height: 50px; 
      } 
      </style> 
</head> 
<body> 
       <div class="main"> 
        <div class="list"> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
         <p>adfasdf</p> 
        </div> 
       </div> 
</body> 
    </html>

我在尋找任何的答案（如何引導設置高度％，修正它上面的例子）由於在提前。

來源

2013-07-08 Ricky Levi

你忘了添加到您的「添加引導LIB」

html, body { height: 1011px; }

Demo

來源

2013-07-08 08:48:39

沒有版本，但是這東西:)引導根據屏幕大小設置它，不是嗎？如果你運行相同的JS代碼來打印屏幕尺寸，它會給你一些東西 –

，如果你可以在你的項目中使用position：absolute，那麼去它可能會幫助你解決你的問題 –

WORKS :)謝謝非常！ –

引導程序高度繼承不工作，因爲沒有引導程序

回答

相關問題