Question

我遇到问题让我的div向下移动30px /在我的div的顶部添加30px的余量。我的div使用margin auto对齐在页面的中心。

然而，当我尝试添加这行代码时：保证金：30px auto 0 auto;

没有显示上边距？请有人能告诉我我做错了什么吗？谢谢，

#content_other{
width:790px;
height: auto;
font-family: 'Arial Narrow', Tahoma, Verdana, Arial Narrow, sans-serif;
font-size:12px;
margin: 30px auto 0 auto;
position:relative;
overflow: hidden;
padding:20px;
background:#fff;
border: 1px solid #999;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;


}

HTML：

<div id="content_other">

<html form here>

</div>

Answer 1

您的代码没有任何问题。看一下这个JSFiddle。保证金被添加到顶部我用过这个HTML

<div id="content_other">
    <form>
        <input type="text" />
    </form>
</div>

Answer 2

如果页面上的其他内容影响了您的整个网页CSS，请尝试添加margin-top一个重要内容来宣传它并覆盖可能取消该规则的其他内容。

margin: 30px auto 0 auto !important;

Answer 3

这取决于它周围的容器，所以我们需要看到完整的HTML。你可以添加一个内部包装并浮动它：

<div id="content_other">
    <div id="float-wrap">
        <html form here>
    </div>
</div>

#float-wrap {
    float: left;
    width: 100%;
    margin-top: 30px;
}

将利润率保持在30px以上，但使用保证金自动保留中心保证金？

3 个答案: