前言
定位系统中第一难理解就是Normal flow,而第二就非Float莫属了,而Float难理解的原因有俩,1. 一开头我们就用错了;2. 它跟Normal flow靠得太近了。本文尝试理清Float的特性和行为特征,若有纰漏望各位指正。
被埋没的志向——文字环绕
回忆一下我们一般什么时候会想用浮动呢?是多列布局还是多列布局呢:)?其实它向往的却是这个它想干的就是这个——文字环绕,而且CSS2中除了浮动外没有其他属性可实现上述的效果。那到底如何理解它的实现原理呢?下面我们采取分步剖析的方式来深入探讨吧!
切断关联看Float
‘float’Value: left | right | none | inheritInitial: noneApplies to: allInherited: no当设置float:left后,元素对应的margin left edge会尽可能向所属的containing block的左边框靠近,若同一行中存在位于左侧的元素设置了float:left,则即会尽可能向该兄弟元素的margin right edge靠近.
查看更多关于CSS魔法堂:说说Float那个被埋没的志向_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did114849