float 浮动
浮动元素会生成一个块级框,而不论它本身是何种元素。
浮动可以理解为让元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。
浮动元素会导致父元素高度塌陷,父元素的高度不包含浮动子元素的高度
设置了浮动的元素由于形成了 BFC 所以没有 margin 合并
设置了 float 属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离,但浮动元素影响的不仅是自己,它会影响周围的元素对齐进行环绕。简单来说,就是让 block 元素无视 float 元素(位于浮动元素的下方),让 inline 元素(文字)让流水一样围绕着 float 元素来实现浮动布局。
绝对定位的元素忽略 float 属性!
网友评论