+ -
当前位置:首页 → 问答吧 → Div 浮动卡住

Div 浮动卡住

时间:2011-10-11

来源:互联网


如上(左)图所示,如果包含框太窄,无法容纳水平排列的三个浮动元素,那么其它浮动块向下移动,直到有足够的空间。
如上(右)图所示,如果浮动元素的高度不同,那么当它们向下移动时可能被其它浮动元素“卡住”。

如果想右图也像左图的效果,浮动元素在一行摆不下时,自动换一新行,而不是被第一个框卡住。大家有没有什么解决办法呢?前提是每个div高度都是不相同的。
谢谢!!!!

作者: foovon   发布时间: 2011-10-11

有,用inline-block

作者: haitao8410   发布时间: 2011-10-11

ie6,7:div {*display:inline;zoom:1;}

作者: haitao8410   发布时间: 2011-10-11

没明白楼上两位的要领,我没做出来

作者: shiwoya   发布时间: 2011-10-11