浮动元素, 高度不同, 如何保证不被挡住? (有图)

[mopig]

如图所示, 如何不让 5 被 3 挡住呢?

代码:
http://jsbin.com/dotupi/edit?html,css,js,output

[loading]

瀑布流


http://www.68design.net/Web-Guide/HTMLCSS/58734-1.html

[ChanneW]

clear: left

[ChanneW]

换 flex 布局法：

div.container {
display : flex;
flex-wrap : wrap;
width: 200px;
height:300px;
background-color:yellow;
}

[learnshare]

Flex/ 瀑布流

[mopig]

flex 完美解决.