码迷,mamicode.com
首页 > 其他好文 > 详细

浮动清除

时间:2017-02-25 20:02:10      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:span   不能   style   hidden   orm   文档   div   microsoft   nbsp   

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

浮动清除

标签:span   不能   style   hidden   orm   文档   div   microsoft   nbsp   

原文地址:http://www.cnblogs.com/qianduangaoshou/p/6442510.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!