鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ float 浮動(dòng)div 卡住有好的解決辦法沒(méi)？

float 浮動(dòng)div 卡住有好的解決辦法沒(méi)？

如圖，圖片的寬度都是50%，高度為auto。圖片都浮動(dòng)。
出現(xiàn)卡住的情形。

clipboard.png

回答
編輯回答
情已空

瀑布流布局

2017年12月21日 22:06
編輯回答
柚稚

找個(gè)瀑布流的插件吧。
浮動(dòng)的原理就是你圖里表現(xiàn)的這樣。(float:left)從起始位置（綠色塊的右邊）往左碰到邊界或另一個(gè)浮動(dòng)元素，然后就被左面的那個(gè)擋住了。

2017年2月7日 12:44
編輯回答
何蘇葉

給每一塊設(shè)置固定高度，還有就是給最下面一塊清除浮動(dòng)

2017年6月19日 10:27