浮動和包裝內容寬度

爲什麼如果我添加一個寬度到我的主要內容，它不再包裝arount我浮動的div？浮動和包裝內容寬度

<div style="float:left;width:30%;"> 
    content1 content1 content1 content1 content1 content1 content1 content1 
</div> 

<div id="mainContent" style="width:30%;"> 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
</div>

https://jsfiddle.net/ty9wuLeh/4/

來源

2016-10-04 epanu

如果'內容2'需要在'content1'附近「，則需要將第一個div放在第二個div中。 https://jsfiddle.net/ty9wuLeh/5/ – LinkinTED

對不起，我覺得我不夠精確。我知道'content1'周圍有'content 2''：我只需要在'mainContent'div中刪除寬度。但我想知道它爲什麼這樣工作的原因？計算顯示的算法是什麼？ – epanu

那麼問題是什麼.....................？ – LinkinTED

你飄來div應該被包含在你的mainContentdiv：

<div id="mainContent"> 
 
    <div style="float:left;width:30%;"> 
 
     content1 content1 content1 content1 content1 content1 content1 content1 
 
    </div> 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
    </div>

https://jsfiddle.net/ty9wuLeh/6/

來源

2016-10-04 12:04:41 Curt

浮動和包裝內容寬度

回答

相關問題