html - 按下时更改浮动项目的宽度

Question

我有 2 个相邻的 div。左手是 600px 宽，右手是 200px 宽，加上一点间距等。两个 div 都向左浮动，因此如果页面显示在较小的窗口中，右手 div 会下降到下方。

如果将右手 div 推到第二行，想要的是扩大并变成 600px 宽。但是如果顶行有 200px 的空间，那么我希望它以 200px 的位置显示。

请帮忙。

score 1 · Accepted Answer

如果您正在尝试使您的页面适应移动设备，您应该真正研究媒体查询。

#yourSecondDiv {
    width: 200px;
}

@media only screen and (max-width : 799px) {
    #yourSecondDiv {
        width: 100%;
    }
}

score 0 · Accepted Answer

我不知道这在 HTML 或 CSS 中是否可行，我认为您需要一点 JavaScript，如果是这种情况，我会使用JQuery

score 0 · Accepted Answer

这似乎是你可以用 javascript 做的事情。我猜您可以检查页面宽度较小时是否已向下推div。然后你只需换掉 CSS 并将宽度设置为 600 像素。像这样的东西。正如另一篇文章中所解释的那样。这可能会也可能不会。如果是这样，那就太棒了，如果不是，那就太好了。让我知道您想出什么解决方案。

3 回答 3