Html “float:left”的问题`

请看

---

本质上，我有两个div，它们有

float:left和由

分隔。问题是
div
一个接一个地显示，而不是在另一个下方显示，中间有一个空格。
如果希望它们显示在彼此下方，请不要使用
float:left


或者，您可以使用
clear:both
，但如果您不使用
float:left
，则删除此
会更简单，如果您希望它们显示在彼此下方，请不要使用
float:left


或者，您可以使用
clear:both
，但如果您不使用
float:left
，则删除此会更简单，因为您需要
clear:left
，并且如果愿意，您可以使用
边距底部：1em
来给出两者之间的间隙

使用
float:left
时，

只会出现在浮动元素旁边。
您需要
清除：left
，如果愿意，您可以使用
边距底部：1em
来确定两者之间的间距

使用
float:left
时，

将显示在浮动的元素旁边。
您只需清除它们

添加
清除：两者都有

.container {
    float: left;
    border: solid 2px blue;
    clear:both;
}

示例：
您只需要清除它们

添加
清除：两者都有

.container {
    float: left;
    border: solid 2px blue;
    clear:both;
}

示例：
您需要先清除第一个浮点以放置另一个浮点

以下内容可以帮助您：

<div id='div1' style=float:left>
....
</div>

<div style=clear:left></div>

<div id='div2' style=float:left>
...
</div>


....
...
您需要先清除第一个浮点以放置另一个浮点

以下内容可以帮助您：

<div id='div1' style=float:left>
....
</div>

<div style=clear:left></div>

<div id='div2' style=float:left>
...
</div>


....
...
浮动元素就是这样工作的。如果您希望它们一个出现在另一个下面，为什么要浮动它们？为什么需要浮动：left；？如果你给它们加上一个最大宽度，你应该很好。我使用“float:left”的原因是蓝色边框与文本“紧密配合”（没有空格）。浮动元素就是这样工作的。如果您希望它们一个出现在另一个下面，为什么要浮动它们？为什么需要浮动：left；？如果你给它们加上一个最大宽度，你应该很好。我使用“float:left”的原因是蓝色边框与文本“紧密配合”（没有空格）。我使用“float:left”的原因是蓝色边框与文本“紧密配合”（没有空格）。啊，好的，在这种情况下，您可以使用
clear:both
强制div位于另一个div之下：）我使用“float:left”的原因是蓝色边框与文本“紧密配合”（没有空格）。啊，好的，在这种情况下，您可以使用
clear:both
强制div位于另一个div之下：）