css float属性_动力节点Java学院整理

2020-05-08 09:22:37易采站长站整理

    Ⅱ 成为浮动元素后,在浮动层拥有内联元素的"特性",当多个浮动元素1排容不下时,就换行。

4.3 height高度不等的块级元素

把div-a的height值设为大于div-b,三个div都添加 float:left后:

视图

①浏览器的宽度"足够长"

②浏览器宽度缩小时

③浏览器宽度进一步缩小时

结论

Ⅰ height不相等的div浮动元素排序时,照拥有内联元素的"特性",当多个浮动元素1排容不下时,就换行。

解决浏览器宽度缩小变形

把添加float的属性的div元素嵌入在一个div中,并给此div添加width和height属性。浏览器宽度缩小时,也不会发生变形。