IE7問題：文本將不會繞到浮動的div

我不能讓文本的段落圍繞一個浮動包裹：左格在IE7此頁上：http://www.guidetoonlineschools.com/online-reviews/ashford-university（看看「最近的評論」下）IE7問題：文本將不會繞到浮動的div

無論是浮動的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是浮動div使用該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;}

在解決此.review_content包住段落在每個瀏覽器，但IE 7浮動div。

任何人都可以告訴問題可能是什麼？謝謝！

來源

2012-11-16 Maizello

此鏈接似乎可能會幫助你：http://css-class.com/articles/explorer/floats/floatandcleartest1.htm 看來IE7是不正確顯示CSS的臭名昭着的。 – MadHenchbot

這是因爲review_content元素具有min-height: 110px，它觸發此元素在IE7中的hasLayout。

來源

2012-11-16 22:38:42

Marat，你知道解決方法嗎？我給review_content一個最小高度，因爲由於這些是用戶生成的評論，並且是可變長度的，所以我需要確保如果內容太短，浮動的div不會「崩潰」到內容下面的div中。謝謝！ – Maizello

只需使用清除。對於新的包裝器（當前不存在），它可以是'clear：both' for'.was_helpful'元素或者（更好）[自動清除]（http://nicolas-gallagher.com/micro-clearfix-hack/）包含'.reviews_3d_box'和'.review_content'元素。由於浮動塊的高度（以及任何文本塊）可能因字體大小，操作系統設置，瀏覽器設置，可用字體等因素而異，因此「最小高度」不太適合防彈。 –

IE7問題：文本將不會繞到浮動的div

回答

相關問題