0

主要问题是我无法为内部 div 设置 % 的高度。我在其中一个线程中读到了我需要设置一个高度为 px 的包装器和我可以设置为 % 的内部 div - 它可以工作，只是不能在引导程序中。

我不想用不必要的元素使页面超载，所以我想从 body 继承高度（无论是什么）。

引导程序以某种方式设置了高度，当我在途中将高度继承给其中一个 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>

我正在寻找任何一个答案（如何在引导程序中以 % 为单位设置高度，修复上述示例）提前致谢。

4

1 回答 1

2

您忘记将其添加到“添加引导库”版本中 

html, body { height: 1011px; }

演示

于 2013-07-08T08:48:39.283 回答