我有父div的样式如下:
.parent {
margin:auto;
width:800px;
border:1px solid #ccc;
}
子div的样式:
.a {
width:220px;
border-style:none;
float:left;
margin:20px;
padding-top:5px;
background-color:#99CCFF;
}
代码:
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
</div>为什么当我随着子div里的内容越来越多的时候,父div不会随着增高呢?
------解决方案--------------------
- CSS code
.parent { margin:auto; width:800px; border:1px solid #ccc; height:auto; //把高度设置成自动 ??? }
------解决方案--------------------
google 闭合浮动元素
------解决方案--------------------
- HTML code
<div class="parent"> <div class="a">asdfadsfasdfadf</div> <div class="clear"></div> </div>
------解决方案--------------------
你给限定高度了,用width:100%
完全用子div撑开
------解决方案--------------------
你要清除浮动:
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
<br style="clear:both;" />
</div>