如何在顶部放置搜索框

Question

我的网站上有这个搜索框，我想将它放在顶部的绿线上。什么是正确的CSS规则？

这就是我现在所拥有的。

.widget .search-form {
    float: right;
    margin: 0 0 25px;
    overflow: hidden;
}

感谢

Answer 1

您遇到的问题是您的包含元素不够宽。我不确定.widget .search-form是什么元素类型，但是我指定了{em>可以解决问题的display: inline-block，但是你可能需要更大的父元素。 display: inline-block和float: right都需要自动换行。