深入探究float

原始意义

浮动出现的意义其实只是用来让文字环绕图片而已


浮动的“包裹性”

就这个特性而言(不谈下面的“破坏性”),浮动就是个带有方位的display:inline-block属性


浮动的“破坏性”

文字之所以会环绕含有float属性的图片时因为浮动破坏了正常的line boxes
感觉下面两篇文章写得不错,不过难度稍大,自己现在还是很难以接受

CSS float浮动的深入研究、详解及拓展(一)

CSS float浮动的深入研究、详解及拓展(二)


知识认识依然有限,所以会从一些简单的总结起!

明确一个准则

浮动是一种定位模型,浮动的元素可以左右移动,直到它的外边缘碰到包含框(另一个包含框)。浮动元素脱离文本,因此,在文档的普通流中的元素就会表现得像浮动元素根本不存在一样

你可能感兴趣的:(深入探究float)