行內塊元素：不會環繞。如果標準文檔流的空間足夠的話，行內塊元素就能跟隨前面的元素。如果空間不夠，會另起新行。比如文檔寬度是800px，里面有個左浮動的div是400px，此時如果行內塊元素是400px的話就可以填充，如果是401px或以上寬度就就另起一行。

題主這里是不能用兩個不完全一樣的文檔來驗證問題的。第一個案例有文字，第二個沒有，所以你是看不到有沒有環繞的。

第二個案例中，你把文字去掉的，所以你看不到文字環繞，它其實也是環繞的。你把文字注釋了，所以這個DIV是沒有內容的，只顯示了底層的背景顏色。

關于float，題主可以看看我之前總結的這篇文章~ 深入解析float

剛學到這里，我自己也是有很多問題，然后逐個驗證了。

剛學習到這一部分，本來是來搜答案的，結果發現這個問題我應該嘗試答一發。

總結

以上是生活随笔為你收集整理的float 究竟有没有脱离文档流，为什么文字会围绕在float元素周围，而块状元素依然会忽略floa的全部內容，希望文章能夠幫你解決所遇到的問題。

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