浮动清除

Posted 2020-09-01 hello world

12， （1），为什么会出现这种情况：因为对于浮动而言，相当于子元素浮动在父元素上方，浮动元素在文档流中删除了，好像父元素中不存在了子元素，此时父元素默认宽度为零，会出现折叠情况

，下面是对浮动造成的宽度为零的解决办法

（1）：父元素自定义高度，这对于不定宽的块高度不适用

（2）：子元素最后再加上一个空的div标签 对那个空的div标签清除浮动：clear：both：

（3）：父元素设置overflow：hidden ， 但必须事先定义宽度或 zoom:1 且不能定义height 不能和position值一起连用

width: "" 设置overflow时，不能定义height 且不能和position值一起连用

zoom: 1

overflow:hidden;

（4）利用clearfix标签 .clearfix( overflow: "hidden" zoom:1 )

zoom属性，表示缩放的比例     zoom  normol |   number |  percentage

normol：元素正常尺寸

number：表示数字，浮点数 ， percentage ：百分比数         注：以上均不可使用负值