float 究竟有沒有脫離文檔流，為什么文字會圍繞在float元素周圍，而塊狀元素依然會忽略float元素？
行內塊元素：不會環(huán)繞。如果標準文檔流的空間足夠的話，行內塊元素就能跟隨前面的元素。如果空間不夠，會另起新行。比如文檔寬度是800px，里面有個左浮動的div是400px，此時如果行內塊元素是400px的話就可以填充，如果是401px或以上寬度就就另起一行。
題主這里是不能用兩個不完全一樣的文檔來驗證問題的。第一個案例有文字，第二個沒有，所以你是看不到有沒有環(huán)繞的。
第二個案例中，你把文字去掉的，所以你看不到文字環(huán)繞，它其實也是環(huán)繞的。你把文字注釋了，所以這個DIV是沒有內容的，只顯示了底層的背景顏色。
關于float，題主可以看看我之前總結的這篇文章~ 深入解析float
剛學到這里，我自己也是有很多問題，然后逐個驗證了。
剛學習到這一部分，本來是來搜答案的，結果發(fā)現(xiàn)這個問題我應該嘗試答一發(fā)。
加載中...