gpt4 book ai didi

css - bootstrap height inherit 不能像没有 bootstrap 那样工作

转载 作者:太空宇宙 更新时间:2023-11-04 04:29:43 26 4
gpt4 key购买 nike

主要问题是我无法为内部 div 设置高度(以 % 为单位)。我在其中一个线程中读到我需要设置一个高度为 px 的包装器和我可以在 % 中设置的内部 div - 它有效,只是不在 Bootstrap 中。

我不想用不必要的元素使页面过载,所以我想从 body 继承高度(无论是什么)。

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>

我正在寻找其中一个答案(如何在 bootstrap 中以 % 为单位设置高度,或修复上述示例)提前致谢。

最佳答案

你忘了把这个添加到你的“添加 Bootstrap 库”版本中

html, body { height: 1011px; }

Demo

关于css - bootstrap height inherit 不能像没有 bootstrap 那样工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17522330/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com