css-float浮动

本文是个人学习笔记,不具有参考价值,请谨慎查看。

指定一个元素应沿着容器的左右放置,允许文本和内联元素环绕它。

最早是用于浮动图像,实现文字环绕效果。

后来用于多列布局。可以说是多css属性的滥用。

定位和浮动都会让元素脱离标准流,以达到灵活布局的效果。

常用属性:

none:不浮动,默认

left:向左浮动

right:向右浮动

规则一:一旦浮动,就会脱离标准流。浮动元素比非定位元素高一点。定位元素又比浮动元素高一点

规则二:向左向右移动,边界不能超出包含块的边界。

规则三:浮动元素之间不能层叠。如果水平方向浮动空间不够,就会向下移动。

规则四:不能和行内级的内容进行层叠,行内级的内容将会被浮动推出。


本文是个人学习笔记,不具有参考价值,请谨慎查看。

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

推荐阅读更多精彩内容