元素脫離文檔流，但是元素中的內容是在文檔流中的。

沒有float的情況：

添加了float：left后的情況

（1）元素在脫離文檔流就是說，float使html元素脫離文檔流浮動起來，導致其后面的（在文檔流中的）元素占據了float元素的原位置。

（2）內容仍然在文檔流就是說，雖然承載內容的元素脫離了文檔流，但是其內部內容仍然在文檔流中，后續的元素即使占據了我元素的位置，也要為了其中的內容留空間。

所以從圖中可以看到，雖然橘色部分沒有浮動之前的位置被后續元素占了，但是其內部內容仍然占據文檔流中的空間。