Question

关于css+div自适应高度问题

html代码是：<div id="a"><div id="c"></div><div id="d"></div></div><div id="b"></div>css代码是：#a{ width:250px; border:1px solid #666; padding:5px; background-color:#CC0;}#c{ height:100px; width:100px; border:1px solid #666; float:left;}#d{ height:100px; width:100px; border:1px solid #666; float:right;}#b{ margin-top:5px; width:250px; border:1px solid #666; padding:5px; background-color:#CC0;}网页显示效果是：但是我想让id=“a”的框适应id=“c”和“d”的高度，在不改变float属性的情况下怎样设置啊？

Answer 1

很简单，让 div a 也浮动起来，因为c和d浮动以后，就脱离了a ，他们的高度自然无法影响到a的高度。a也浮动起来的话，c的d就重新回到了a的怀抱 自然问题解决了。
给a加上样式
float:left;

当然 a浮动以后你要考虑a和其它元素的位置关系 页面是否会错乱
而且你也需要清除浮动对b的影响。
在b前面写一个空DIV来清除浮动：
<div class="clear" style="clear:left;"></div>

Answer 2

你的id=“a”的框本来就是适应id=“c”和“d”的高度的啊
你在样式a里面加了padding:5px;导致高度变成了110px了
把这句去掉就可以看出效果了

Answer 3

代码很乱。。
我想应该是没清楚浮动的缘故。
给#a 加上overflow:hidden;