我是 css 的新手，当我从 MDN 网站学习 float 的行为时遇到了问题 https://developer.mozilla.org/en-US/docs/Web/CSS/float .我在上面的网站上尝试了 CodePen 示例，并在 css 文件中注释掉了第 17 行。我得到的结果是蓝色框似乎神奇地消失了。我的猜测是边界崩溃有问题。谁能给我指出正确的方向并解释那里发生了什么？
最佳答案
因为盒子 3 现在在盒子 1 后面。
float 的意思是，元素之后的任何内容都将以相反的方向换行，并且其流向将被重置，即当 float 元素从 DOM 中移除时，它将从本应放置的位置开始。
例如
可以看到段落的实际位置是从初始位置1开始的。
当有一个相同宽度和高度的 block 元素而不是段落时会发生什么？
没错!!它会在框 1 后面。为什么 3 在 1 下面？因为右边没有空格。如果我们增加框 3 的宽度，那么它会相应地在左侧换行。
那么你的情况会怎样？
是的，方框 3 将放在方框 1 后面，其他所有内容都相应地布置。
关于html - css float with border collapse，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52287098/