浮動左不工作，因爲它應該

我想讓一些div左浮動創建一些下拉菜單。我的問題是這樣的。當我確實向左浮動時，除非第一個div之後的div也浮動：left，它會進入第一個div。浮動左不工作，因爲它應該

我不能把float：left，放在所有東西上，因爲這意味着我什麼都不能做。它之前在工作，但我不確定他們爲什麼要進入對方？

#box1 { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: red; 
 
    float: left; 
 
} 
 
#box2 { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: blue; 
 
}

<div id="box1"> 
 
</div> 
 
<div id="box2"> 
 
</div>

來源

2017-02-08 Nathan Curnow

使雙方的div浮動左

#box1{ 
    width: 200px; 
    height: 100px; 
    background-color: red; 
    float: left; 
    } 
    #box2{ 
    width: 200px; 
    height: 100px; 
    background-color: blue; 
float:left 
    }

事業部本身是一個塊元素，使其在線使用浮動兩個div的

來源

2017-02-08 14:22:05

仍然無法工作看到，因爲下一個元素，然後將裏面去了他們，這我不不想要。 –

如果你正在使用bootstrap，然後在div結束後添加一個帶類clearfix的div，它將使下一行中的其他元素。如果不是，那麼使用div並設置css屬性clear：both; –

似乎只是工作對Asif Ahmed提出的建議很好。

就在＃BOX2添加float: left;

（增加保證金，以顯示其不重疊）

https://jsfiddle.net/jwe5cohy/

來源

2017-02-08 14:32:15 Blomkfist174

就像我說過的，如果我有浮動：留在第二個div上，那麼之後的東西將進入/ div/div。複製你的代碼，但添加另一個沒有浮動的div：left，它會進入兩個div。添加浮動：當我需要製作一個網站時，左邊不會工作。我該怎麼辦？添加浮點數：留給每個單個元素？ –

林不知道我是否瞭解你，但你可以添加另外一個div圍繞另外兩個。 https://jsfiddle.net/Blomkfist174/jwe5cohy/1/ 這是你的意思嗎？ – Blomkfist174

浮動左不工作，因爲它應該

回答

相關問題