IE7问题:文本不会包含浮动的div

时间:2012-11-16 22:10:18

标签: internet-explorer-7 css-float

我无法在本页的IE7上找到文本的段落:IE {@ 3}}(查看“最近的评论”)

浮动的div和段落都在一个没有浮动的div中。我试过给浮动div提供像素和百分比的宽度。

这是HTML(用省略号表示的非必要部分:

    <div class="review_body">
        <div class="reviews_3d_box">
             <div class="review_dots"><table>...</table></div>
        </div>
        <div class="review_content">
             <p>...</p><p>...</p>
         </div>
         <div>...</div>
    </div>

.reviews_3d_box是这个CSS的浮动div:

{padding-left: 10px;
 margin: 0 15px 0 -25px;
 background: url(/assets/images/graphics/reviews_corner.gif) no-repeat 0 6px;
 width: 45%;
 float: left;}

.review_content中的段落在每个浏览器中包围这个浮动的div,但IE 7。

有人可以建议问题是什么吗?谢谢!

1 个答案:

答案 0 :(得分:0)

这是因为review_content元素具有min-height: 110px,在IE7中为此元素触发hasLayout