闭合浮动元素的方法比较

原形

1. 不清除浮动

2. div2内的浮动的p清除浮动

解决div2的高度自适应

1. 利用div2内的最后1个元素不浮动的p3清除浮动

1-1 .div2p3 { clear:left; }

1-2 div2设定“margin-left: 120px;”

2. 利用:after，插入内容”

2-1 .div2:after { …… }

2-2 div2设置“margin-left: 120px;”

3. 利用overflow属性

3-1 .div2 { overflow:auto; }

3-2 div2设置“margin-left:120px;”

3-3 div2设置“margin-left:0;”

4. div2设置“float:left”