引导程序高度继承不工作，因为没有引导程序

主要问题是我无法为内部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 :)谢谢非常！ –

引导程序高度继承不工作，因为没有引导程序

回答

相关问题