1

I cannot get paragraphs of text to wrap around a floated:left div on IE7 on this page: http://www.guidetoonlineschools.com/online-reviews/ashford-university (look under "Most Recent Reviews")

Both the floated div and the paragraphs are within a div that is not floated. I have tried giving the floated div both a width in pixels and percentages.

Here is the HTML (non-essential parts indicated with an ellipsis:

    <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 is the floated div with this CSS:

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

The paragraphs in .review_content wrap around this floated div in every browser but IE 7.

Can anyone advise what the problem might be? Thanks!

4

1 回答 1

0

这是因为在 IE7 中review_content元素有min-height: 110px哪些触发该元素。hasLayout

于 2012-11-16T22:38:42.360 回答