深入探究float

原始意义

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


浮动的“包裹性”

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


浮动的“破坏性”

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

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

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


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

明确一个准则

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容