我試圖把元素放在div元素下方

Question

我使用float = left並排定位了兩個div元素， 但按鈕顯示在div元素旁邊。 我希望按鈕元素位於並排放置的兩個div元素下方。

Answer 1

當您使用float:left屬性，則div的高度和寬度由任一空間下面

1. 量它的設定內容的HTML元素需要
2. 應用CSS的高度和寬度。

因此，如果你的屏幕太大而空間被留在側面，那麼下一個元素（如果它可以適應該空間）被渲染（如果它需要更多，那麼它會出現在下一個線）。

因此現在關於你的問題有兩個可能的解決方案的

1. 增加您的div的寬度，使其佔據大部分屏幕的寬度。（大多從未使用過，因爲它可能看起來很醜陋在大屏幕上）

   但如果你想通過這種方法去設置寬度的百分比可以做的工作。

   Fiddle demo

2. 使用CSS的clear:both財產（大多采用）

   它是你必須看它的解釋documentation

   我會建議你用這個去方法

   Fiddle demo