Поле поиска не будет перемещаться влево, кроме как с помощью margin-right (что не рекомендуется)

Question

Я не понимаю, почему поле поиска на нашем сайте соответствует 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
}