Question

div设置左飘后 无法自动撑开外层高度

<div class="content">
<div class="userInfo" style="height:auto;">
<div style="height:135px; width:135px;">
<div style="float:left;">
<!--这里是图片--> </div>
</div>
<div>
sdfsdf
</div>
</div>
<div class="message">
消息
</div>
<div class="userfriend">
好友动态
</div>
</div>

Answer 1

问题也就是说在
<div style="float:left;"><!--这里是图片--></div>
这里的图片如果高与135px以后，会出边

修改
1.height:135px变成min-height:135px;
2.添加清除浮动的div <div style="clear:both"></div>
3.在firefox/ie6/ie7下测试显示一致

完整代码
<div class="content">
<div class="userInfo" style="height:auto;">
<div style="min-height:135px; width:135px;border:1px solid red">
<div style="float:left;">
<!--这里是图片--> <img src="icon_gauge.gif" width="90" height="292"> </div>
<div style="clear:both"></div>
</div>
<div>
sdfsdf
</div>
</div>
<div class="message">
消息
</div>
<div class="userfriend">
好友动态
</div>
</div>

Answer 2

你到底想问什么?

Answer 3

<div style="height:135px; width:135px;">
是因为你这个地方设置了height!

在ie6中如果当前的高度超过了设定的高度会被自动撑开
但在ie8就不会这样!

<div style="min-height:135px; width:135px;">
将高改为最小高度!

Answer 4

<div style="height:135px; width:135px;">
这个层你把高度去掉，加上overflow:auto;