float和absoluteoutofthedocumentflow的区别

时间：2023-04-02 12:34:54 HTML

使用floatoutofdocumentflow时，其他box会忽略这个元素，但是其他box中的文字还是会让位给这个元素，绕行。例如：.firstdiv{background-color:rgba(125,125,235,0.4);高度：200px；宽度：200px；向左飘浮;}.secondiv{背景颜色：#faf;高度：300px；宽度：300px；边框：1px纯红色；}这是第一个DIV

这是第二个DIV

根据chrome调试和红色边框，可以看到背景和边框第二个div占据了第一个DIV的空间，但第二个div的文本仍然为第一个DIV留有空间。对于在文档流之外使用绝对位置的元素，其他框和其他框内的文本将忽略它。例如：将上例中的float:left改为position:absolute。如您所见，第二个div的文本也被第一个div的文本覆盖