我想了解原因
在本例中的第4个DIV中：
http://jsfiddle.net/WarrickF/884Q9/
我已将以下内容用于内容：
<div class="xxx1">xxx</div><div class="xxx2">yyy</div>
为什么这个DIV不再与其他DIV排队？
答案 0 :(得分：0)
display: inline-block;如果没有任何内容，可以产生有趣的效果。它与vertical-align属性有关。
在内联块div中没有内容（或者在这种情况下是浮动内容），它似乎假设它是一个图像，而vertical-align默认为vertical-align: baseline;而不是vertical-align: bottom;这是默认值对于带有文本内容的内联块元素。
您可以通过向播放器类添加vertical-align: bottom;来轻松解决此问题。