Javascript 如果三个div水平对齐，在浏览器窗口调整大小时，如何使中心div清除其他两个div？ 更详细地说，考虑一下： 我有一行三个div R（右）、C（中）和L（左） 它们封装在父div容器中 容器具有css样式的显示：内联块 我已经离开了 我有一个漂浮的权利 我通过设置边距：auto使C居中

我的问题：

我希望中间的div居中，直到R和L与之碰撞。如果发生这种情况（调整窗口大小）。我要C清除这两个，并将其自身居中于R下方

实现这一结果的最佳方式是什么？我理解我可能已经接近设置错误，请告知如果是这样的情况

---

提前谢谢

就像@atdrago提到的那样，媒体查询确实是一种方式

如果宽度固定，还可以尝试将中心div向左浮动，并在

.container

元素上放置一个（固定的）

max width

---

是一个很好的例子。

可能会发表评论，但声誉不够。无论如何，你将需要一个调整大小的侦听器-这将是令人讨厌的。媒体查询是前面提到的方法

---

抱歉，这里有新消息，我似乎需要从jfiddle添加代码来发布链接…oO

你查看过媒体查询吗？是的，我查看过，但我试图避免添加额外的媒体查询，如果可能的话。你有一个示例fiddle或任何你尝试过的代码吗？谢谢，伙计，我会再查看另一个媒体查询。我也很欣赏小提琴！

.C {
    margin: 0 auto;
    background-color: blue;
    @media (max-width: 20em) {
        clear: left;
        float: right;
    }
}