Css 浮动水平居中的div

如果这是一个重复的问题，我很抱歉，但我找不到一个简单的解决办法

问题是：我有一个

div

显示时间线。该div在顶部居中：

margin:0自动

现在我有了一个搜索字段，它应该显示在页面的右上角。当窗口足够宽时，两个元素都应显示在顶部

如果窗口太小，则时间线应浮动在搜索字段下

我的Html：

---

您可以像下面这样使用MediaQuery:

添加以下CSS：

@media screen and (max-width:1000px) {
    .search {
        float:none;
        margin: 0 auto;
    }
}

---

您需要mediaquerie来检查屏幕宽度并从浮动切换到显示，您尝试过吗？看看动态处理屏幕宽度行为的方法

@media screen and (max-width:1000px) {
    .search {
        float:none;
        margin: 0 auto;
    }
}