调整大小时css浮动元素位置折叠

每当我调整浏览器的大小时，容器中的第二个div将位于第一个div的下方

<div class = "container">
     <div class = "one"></div>
     <div class = "two"></div>
</div>

---

我刚刚意识到，您没有浮动另一个元素，这导致它向下移动，您应该使用

float:left

或

right

因为它是一个

div

，所以它将占据整个水平空间，因此它被向下推

---

备选方案

您应该使用

display:inline块和
空白：nowrap以防止元素的包装


这将给你同样的效果，唯一的事情是
4px
空白，你可以简单地使用

.two {
   margin-left: -4px;
}

以上内容将为您解决空白问题

我刚刚意识到，您没有浮动另一个元素，这导致它向下移动，您应该使用
float:left
或
right
因为它是一个
div
，所以它将占据整个水平空间，因此它被向下推



备选方案

您应该使用
display:inline块和
空白：nowrap以防止元素的包装


这将给你同样的效果，唯一的事情是
4px
空白，你可以简单地使用

.two {
   margin-left: -4px;
}

以上内容将为您解决空白问题

添加此CSS

PS：当使用float时，您应该添加此CSS

PS：当使用浮球时，您应该。
给您的身体一个最小宽度：

body {
    min-width: 1110px;
}

然后，当视口小于1110px时，将显示滚动条

注意：如果在div中添加边距、填充或边框，请将其添加到正文的最小宽度（或占用一些额外的空间）。
为正文指定最小宽度：

body {
    min-width: 1110px;
}

然后，当视口小于1110px时，将显示滚动条

注意：如果在div中添加边距、填充或边框，请将其添加到主体的最小宽度（或占用一些额外空间）。
@Deepanshu它已经是div.float“2”左移。或者在container
display:inline
@Deepanshu上，它已经是一个div.float“2”了。或者在container
display上：许多浏览器都不支持inline
inline块。我认为使用float+margin更好。@d.what:O谁告诉你内联块不受支持的？我曾经开发过一些手机网站，用老式设备浏览，所以我有经验。正如您在链接中所看到的，许多旧的移动浏览器不支持inline-block。您无法控制观众使用的设备。@Mr.Alien我的错误。我还没有把它上传到服务器上。它现在可以正常工作了。许多浏览器不支持内联块。我认为使用float+margin更好。@d.what:O谁告诉你内联块不受支持的？我曾经开发过一些手机网站，用老式设备浏览，所以我有经验。正如您在链接中所看到的，许多旧的移动浏览器不支持inline-block。您无法控制观众使用的设备。@Mr.Alien我的错误。我还没有把它上传到服务器上。现在可以了。容器不应该有这个属性吗？你可以。。。也可以。容器不应该有这个属性吗？你可以。。。也行。
body {
    min-width: 1110px;
}