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 :百分比数 注:以上均不可使用负值