本文详细介绍了浮动元素在HTML文档流中的行为及其影响。当设置元素浮动（如`float: left`或`float: right`）时，元素会脱离正常文档流，导致后续元素上移并尝试填充空白空间。浮动元素会尽可能靠近其容器的边沿，并允许其他浮动元素水平排列。这种浮动特性常用于创建多列布局和实现灵活的网页设计。然而，需要注意的是，浮动可能导致布局问题，例如父元素的高度塌陷，需要通过清除浮动来解决。
块元素在文档流 会独占一行，自上而下排列
如果设置元素浮动，元素脱离文档流后，就不会具有在文档流中的特点
float: ; 设置元素的浮动
可选值：
none 默认值，元素正常显示，不浮动
left 元素向左浮动
right 元素向右浮动
float可以使块元素水平布局
设置float浮动特点
- 设置元素浮动之后，元素会脱离文档流，元素原来在文档流中的位置，就不会存在
下面的元素就会上移，挤上去
2、设置元素浮动之后，元素会尽量的向左或者向右，向上进行移动，而且默认情况下，不会脱离父元素的范围
|
元素浮动，脱离文档流，即不再网页最底层，所以box3被box1box2覆盖 |
|
浮动后的元素从左到右依次排列 |
330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
