父div随着子div的增高而增高,该如何处理
日期：2014-05-17 浏览次数：20556 次
父div随着子div的增高而增高
我有父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不会随着增高呢？
------解决方案--------------------
我有父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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
