float属性的理解问题

Question

请问我该怎么理解float属性，能不能把div2看成河流，而div1是岛屿。但是这样理解div3的话div4为什么不跟在div3后面？

Answer 1

float的作用是将块级元素变为浮动模型，是标准文档流的形式显示的。你在div里清除了左浮动。然后div3和div4就是以块级元素的形式显示的 再因为div3有10px的外边距。所以显示是那样的。而div1有左浮动，再设置了宽高边框和margin样式。它会在它的父级元素div2里左浮动，且其样式如你设置的那样。如果不设置样式的话，你会看不到这个div1。