不同的浏览器显示 CSS 的浮动方式

IE9 和 opera 的解析是正确的。

一个元素浮点数：在之后，之后。 这两个元素也保持正常，但因为它只有 200x200，所以它是。

一个元素（如一个 ** 漂浮在一段文本中，将文本挤压成一个循环）。

因为你没有在你写的 ** 中声明 doctype，所以 Firefox 和 Chrome 会以非标准的 quirks 模式**解析你的文档，它只会显示为非标准。 什么是怪癖模式可以参考。

标准做法：

1. 在文档顶部声明：

2.修改CSS，二

3. 记得在那里。 在两个之后添加一个 clear 元素。

第二层也浮动到左边，仅此而已！

返回页首！ 如果您有任何问题，可以发言。

不同浏览器的兼容性问题，请更改以在下面尝试。

two{float:left;

width:200px;height:200px;

background:#001bc6;

浮动框可以向左或向右移动，直到其外边缘接触到包含该框或其他浮动框的边框。

由于浮点数不在文档的正常流中，因此文档正常流中的块框的行为就像浮点数不存在一样。

请考虑下图，当您将框 1 浮动到右侧时，它将与文档流分离并向右移动，直到其右边缘接触包含框的右边缘

同样，当框 1 向左浮动时，它会与文档流分离并向左移动，直到其左边缘接触包含框的左边缘。 由于它不再位于文档流中，因此它不会占用空间，并且实际上覆盖了框 2，从而使框 2 从视图中消失。

如果将所有三个框都向左移动，则 1 号框会向左浮动，直到它碰到包含的框，另外两个框会向左浮动，直到它碰到前一个框。

如下图所示，如果包含框太窄而无法容纳水平排列的三个浮动元素，则其他浮动块会向下移动，直到有足够的空间。 如果浮动元素的高度不同，则它们在向下移动时可能会被其他浮动元素“卡住”：

当然，3中的解释是错误的。

这句话指的是元素以绝对位置排列的方式。

2.如果浮动元素在非浮动块元素之前，则带有非浮动键的旧块元素的内容将显示在浮动块元素的行之后。

简单的例子是，非浮动元素将围绕浮动元素，这是实现包裹效果的基础。

3.浮动元素后面的非浮动块元素会忽略轮子和浮动元素的存在（怎么会忽略浮动元素的存在？ ），显示在浮动元素的开头，显示在非浮动块元素的顶部（因为没有无知，非浮动元素不会出现在浮动元素的开头）。

这句话应改为： 3. Absolute Positioning 元素之后的 non-position 元素将忽略 Absolute Positioning 元素的存在，并显示在 Absolute Positioning 元素开始的位置，Absolute Position 元素将显示在非定位元素的顶部。

......以上就是这样。