您的位置:首页 > 其它

为什么清除浮动

2015-11-06 11:09 211 查看
废话部分:

为毛我们要清除浮动,作为一个有点经验的老鸟,会这么跟一个菜鸟讲浮动。

老鸟(上海腔):设置了浮动是一定要清除地,不清是有很多后果地。比如外层高度为0,导致高度塌陷或是压在下面没浮动的东西上。(并不其实哪的人,只是觉得这样说起来牛哄哄的有感觉。。。)

听到这我就更不明白了。。。,讲的清除浮动,你提没浮动的干嘛?我这死脑瓜骨,没那么大的跳跃性啊!

心里的的几个鬼:

外层:特么老子没浮动说我干嘛?怪我?

外层邻居:跟我一毛钱关系都没有,又不是我的娃子,说我干嘛!

浮动层:嘿嘿嘿~~~

后来经过专研得出清除浮动的结论如下。

概念部分:

浮动就是让标签浮起,浮起后导致没有浮动的标签与浮动标签在位置上可以重合。

所以要清除浮动或闭合浮动,使当前浮动标签不会与其他标签重合 。

浮动说:老子飘起来了,他们自己往老子下面专。自己不看清除谁飘着,还来怪我了?

扩展思考:
什么时候才会出现浮动重合错误?

答:外层不够大装不下内成浮动的东西,这个时候会压到下面其他层的东西。
如何避免浮动重合现象出现?
答:1.设置足够大的外层空间,让浮动层跑不出去。在家里的孩子再闹也不会影响别人。
        2.让外层的邻居,挂牌子,禁止浮动层靠近。有点小狗不可带入餐厅的感觉,狗进不到餐厅,狗就不会影响到就餐的人了。
        3.找个专门的人统计需要多大地方,然后外层扩大到这么大。
4.找一层专门管理浮动层。给浮动层找个小伙伴,小伙伴来告诉浮动层不可以去哪。
5.外层自己统计孩子需要多大的地方。
6.外层变的有弹性,浮动层长多大,外层就跟着变多大。浮动层是水,外层是气球,只要气球不破,水就永远跑不出去。
总而言之这部分内容就是,我们如何去做消除浮动,搞定浮动带来的标签重合现象。大家可以去看看别人的消除浮动,也可以等待我写的~~~

有关清除浮动与闭合浮动的文章

还不懂什么是浮动的请先学习下 http://www.w3school.com.cn/css/css_positioning_floating.asp
清除浮动与闭合浮动生动例子型:--》推举
http://www.iyunlu.com/demo/enclosing-float-and-clearing-float/index.html
流行趋势讲解型:
http://www.jb51.net/css/173023.html
深度分析啰嗦型:
http://www.cnblogs.com/mofish/archive/2012/05/14/2499400.html
有时间会出一片自己讲解如何清除掉浮动的文字,敬请期待~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  清除 浮动 为什么