gpt4 book ai didi

css - 为什么我不能让这个 div 达到 100% 高度

转载 作者:行者123 更新时间:2023-11-28 09:29:18 27 4
gpt4 key购买 nike

我有一个 div,它包裹在其他几个 100% 的 div 中。我这样做是因为我有一个带有轻微边框图像的外部 div,我想将其包裹在整个页面周围。

HTML:

<body>
<div class="container" >
<div style="padding-top:15px; height:100%;">
<div class="wrapper">
<div class="contentContainer">
test
</div>
</div>
</div>
</div>
</body>

CSS:

*{margin:0; padding:0;}
body { margin: 0 auto; color: #333333; }
html, body { color: #000000; margin:0; padding:0; height:100%; }

.wrapper {width:940px; margin-left:20px; margin-right:20px; background:#fff; overflow:hidden; margin:0 auto; height:100%;}

.container {min-height:100%; height: auto !important; height:100%; margin: 0 auto -30px; width:980px; background:URL(images/bg_sides.jpg) repeat-y #f4f4f4;}

.contentContainer {width:920px; margin:0 auto; height:100%; }

fiddle :http://jsfiddle.net/hc3Xu/2/

最佳答案

.container 中的 height: auto !important 规则是罪魁祸首。

关于css - 为什么我不能让这个 div 达到 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9007097/

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