首先,这是我读过的关于float的最直观的教程:
经验分享:CSS浮动(float,clear)通俗讲解
感谢作者!
在这里,对float做一些自己的总结:
首先,float的设计初衷,是为了实现文字环绕图片的效果。能明白这个设计初衷,对之后理解float的各种效果还是有帮助的。
其次,float可以使元素block化,如果你有一个div{ display: inline-block}
,为其添加float:left
或float:right
那么这个div的display就会变成block。
最后,float可以使元素"砖块化",何为"砖块化"呢,就是说设置了float的元素,会舍去本身与其它位置相邻元素的空格。
[完]
网友评论