CSS float详解 -- 一些问题记录

作者: 图恩分类: 编程开发阅读: 600发布时间： 2020-04-12 23:13:58

1. float被设计出来的初衷是为了实现文字环绕效果。2. 被设置了float的元素会自动成为块级元素，display的表现形式为“block”，自动脱离文档流。并且其父元素的会发生塌陷，即高度为0。3. 一排设置了float:left的元素，当第一行没有足够的空间时，元素会从右向左开始，如果第一列右边第一个元素的高度最小，则元素会排列在右一的下方，如果右二比右一的高度小，那么元素会排在右二下方，以此类推。4. 第二行元素的垂直位置受到上一行高度最高的元素影响。换个说法就是，第二行的位置以上一行高度最大的元素为准平行排列。5. clear 属性规定元素的哪一侧不允许其他浮动元素。设置clear属性的元素只会影响它本身，而不是它旁边的元素。例如：块1与块2 均为 float:left ，两个块水平紧挨着排列，想让块2去下一行，应该设置块1的clear属性值为：clear:right。