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

Question

我不明白为什么我们的 website 上的搜索字段遵循 margin-right CSS 命令但不是 margin-left CSS 命令。怎么会？

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

搜索字段只有在点击页面左上角的搜索图标后才会显示。此图标以前也不会通过 margin-left CSS 命令向左移动，但我终于能够通过 right CSS 命令将其移动。我想知道两者之间有什么区别。

欢迎反馈。

Answer 1

尝试在 css 下做:

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