設置了inline-block屬性的.word具有inline的特性，自然出現在浮動元素的右方。

至于為什么不會如下顯示，是因為奇葩的float雖然脫離正常的文檔流，但其實還是占據內容的。元素浮動后其他浮動元素，文本或者行內元素圍繞它安放。

空白的原因是因為.word沒有設置vertical-align屬性的話默認是baseline。對齊方式默認為父元素的基線。如果.word內的字的行數是一樣的，自然是對齊的。或者設置.word的vertical-align為top，bottom,middle也可以對齊。

總結

以上是生活随笔為你收集整理的浮动布局，如何确定浮动元素向上浮动的时候什么时候停止向上浮动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。