div1
div2
div2-1
div2-2
div3
div3-1
div3-2
div4
………………………………………………………………………………………………
0).float是在父块级元素内容里空白地方浮动,自身的margin在父块内容里面。浮动元素是从文档流中脱离出来的。浮动元素在上层。浮动元素与浮动元素在同一层。
浮动元素块不像块级元素不能左右排放,浮动块之间能同行排放。
1).div1,div2都有margin,则div2上内容和div1上内容订在一起,div2左margin和div1左内容在一起。
若添加float:left 则 div2上margin和div1上内容在一起,div2左margin和div1左内容在一起。
2).div3在文档流顺序下的上一个定位是div2,不是div2-2,即div2块在div1下面,不是div2-2下面。
左图有float。