html - 无法在CSS中的搜索表单和菜单之间放置空格

Question

这是我的 jsfiddle (无设计)

无法在搜索表单和菜单之间放置空格。

我需要，因为在主页链接中，菜单之前有一些空间。搜索表单需要在菜单之后放置一些空间。

#search-ams {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CACACA;
    width: 213px;
    height: 24px;
    float: right;
    padding: 0px;
}

我尝试输入填充值.. 但如果我添加 padding-right:5px; .. 搜索表单在菜单中向下移动。

谁能帮我解决这个问题。

提前致谢。

Answer 1

不幸的是，我不能 100% 确定我完全理解您的要求，但假设您只想在菜单和搜索框之间放置一些距离，不会简单地添加如下内容:

margin-top: 10px;

要#search-ams 成功吗？

虽然如果这就是您所需要的，我猜您可能已经自己弄明白了:)