我的DIV将不会与先前的DIV CSS内联显示

Question

我的网站中有2个div，我希望它们在移动视图中彼此内联。但似乎我的2个div彼此不一致。

        <div class="select-form-1">
            <span>전체검색</span>
        </div>
        <div class="input-search">
            <input type="text" class="search" placeholder="검색어를 입력하세요.">
        </div>

这些是我的2格。第一个是选择框，另一个是输入字段。

.input-search {
    display: inline;
}
.select-form-1 {
    display: block;
    margin-top: 11px;
}

在我的媒体查询中，它们彼此不一致。

Answer 1

只需将display: block;类的.select-form-1属性替换为display: inline;：

.select-form-1 {
    display: inline;
    margin-top: 11px;
}

Answer 2

display: block中的

select-form-1正在阻止它。如果您希望他们并排坐着，可以

• 将它们都设为display: inline-block（或inline），在这种情况下，您还必须确保它们的组合宽度不比其容器的宽度宽。

• 设置其父容器display: flex。