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做诀窍？

虽然如果这就是你所需要的，我猜你可能已经想到了这一点：）

Answer 2

您可以使用element{ margin-top: 10px; margin-bottom: 12px; margin-right: 15px; margin-left: 20px; }。 margin清除元素周围的区域。我们可以给元素赋予顶部，右边，底部和左边距。

我们可以从不同方面给出不同的边距：

element{
margin: 10px 15px 12px 20px;   <!-- Top,Right,Bottom, Left respectively -->
}

我们可以使用速记属性：

element{
margin: 10px; 
}

如果所有方面的保证金相同，我们可以简单地给出：

{{1}}

Answer 3

您只需使用margin空格元素：

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

JSFiddle

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

3 个答案: