防止div高度为"0“
防止div高度为"0“
提问于 2014-02-19 00:29:54
我有这样的html结构：
<div id="middle">
<div id="category_container_1" class="category_container" rel="1">
<div class="big"><img src="catalog/view/theme/default/images/1-big.png"></div>
<div class="small"><img src="catalog/view/theme/default/images/1-6.png"></div>
</div>
<div id="category_container_2" class="category_container" rel="2">
<div class="big"><img src="catalog/view/theme/default/images/1-big.png"></div>
<div class="small"><img src="catalog/view/theme/default/images/1-6.png"></div>
</div>
</div>CSS是这样的：
#middle {
position:relative;
width:100%;
max-width: 960px;
height:auto;
margin: 0px auto;
padding-bottom:70px;
background-color:#FFFFFF;
overflow:auto;
}
.category_container{
width:100%;
height: auto;
clear:both;
}我将.category_container设置为height: auto，因为其中的内容将向下展开div，并且html外观运行良好。
然而，当在chrome中查看时，它显示category_container_1，category_container_2都是960px x 0px，这是由于在CSS中的高度:自动(我试图将其更改为100px，但它在chrome上显示为960px x 100px)。
在这种情况下，如何才能使chrome中的div成为这些div的960px x实际px？
Stack Overflow用户
发布于 2014-02-19 00:32:34
尝试使用min-height
.category_container{
width:100%;
height: auto;
min-height : valueabove 0 ;
clear:both;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21859722
复制相关文章
相似问题
腾讯云开发者
