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

Question

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

想要的是右手div扩展并且如果被推到第二行则变为600px宽。但如果顶行有200px的空间，那么我希望它以200px显示在那里。

请帮忙。

Answer 1

如果您尝试调整移动设备的网页，则应该真正关注media queries。

#yourSecondDiv {
    width: 200px;
}

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

也可以提供帮助 - media queries for standard devices

Answer 2

我不知道这是否可以在HTML或CSS中使用，我认为你需要一点JavaScript，如果是这样的话，我会进入JQuery

Answer 3

这似乎是你可以用javascript做的事情。我猜你可以查看当页面宽度较小时div是否被按下了。然后你只需换出CSS并将宽度放到600px。像this这样的东西。正如另一篇文章中所述。这可能有效，也可能无效。如果它真的那么棒，如果不是那么哦。让我知道你提出的解决方案。