float,clear….

今天在一个WEB前端开发群看到一段蛮有意思话:

早上挤城铁,挤得要命,来了个猛男,大吼一声”我是display:block”的,这一行老子独占了。
几个小伙子萎萎缩缩,脑袋上写着”display:inline”,他们挤在一行,
有几个家伙吊在车箱顶部的把手上,双脚离地,脑袋上写着”float:left”
有人发现他们的脚下有空,于是人流开始移动,有些人被挤到了他们的脚下,而他们在空中。
这几个家伙大吼一声”clear:both” 于是他们脚下的人知道了。原来这地儿有主了。人流开始移动,又腾出脚下的空地来。
站在地面上的家伙们被叫做文档流。
飘起来的自然也不是神仙了,只是他们脱离了文档流。其中包括一些脑门上写着position:absolute的家伙.

很形象。。

《float,clear….》上的4个想法

  1. 清理的另一种方法,比如之前使用了多个元素,然后突然需要另起一行,那就可以使用clear:both来设置该div左右都拒绝浮动,不像clear:left(或者right),只能清除左边和右边的浮动

评论已关闭。