本文是个人学习笔记,不具有参考价值,请谨慎查看。
指定一个元素应沿着容器的左右放置,允许文本和内联元素环绕它。
最早是用于浮动图像,实现文字环绕效果。
后来用于多列布局。可以说是多css属性的滥用。
定位和浮动都会让元素脱离标准流,以达到灵活布局的效果。
常用属性:
none:不浮动,默认
left:向左浮动
right:向右浮动
规则一:一旦浮动,就会脱离标准流。浮动元素比非定位元素高一点。定位元素又比浮动元素高一点
规则二:向左向右移动,边界不能超出包含块的边界。
规则三:浮动元素之间不能层叠。如果水平方向浮动空间不够,就会向下移动。
规则四:不能和行内级的内容进行层叠,行内级的内容将会被浮动推出。
本文是个人学习笔记,不具有参考价值,请谨慎查看。