css - 搜索字段不会向左移动，除非使用 margin-right （这是不可取的）

Question

我不明白为什么我们网站上的搜索字段遵循margin-rightCSS 命令而不是margin-leftCSS 命令。怎么来的？

.header-top .search-field {
    border-top: none;
    border-bottom: none;
    height: 34px;
    border-color: #EDEDED;
    outline: none;
}

仅在单击页面左上角的搜索图标后才会显示搜索字段。这个图标以前也不会通过margin-leftCSS 命令向左移动，但我终于能够通过rightCSS 命令移动它。我想知道这两者有什么区别。

将感谢反馈。

Answer 1

尝试在 css 下面做：

.header-top .search-form{
position : initial
}