位置div保证金顶部30px，但保留保证金在中心使用保证金自动？

我有一个问题让我的div下移我的页面30px /为我的div顶部添加30px的余量。我的div使用margin auto在页面中心对齐。位置div保证金顶部30px，但保留保证金在中心使用保证金自动？

但是，当我尝试添加以下代码行： margin：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>

来源

2015-03-25 James Gayle

它为我在谷歌浏览器 – q0re 2015-03-25 12:34:37

你的代码是绝对没问题:)不过，让我知道，在浏览器中你得到这个问题。 – 2015-03-25 12:45:49

没有什么错与您的代码。看看JSFiddle。保证金被添加到顶部如果页面上的其他事情影响那么你的整个页面的CSS尝试添加到margin-top的重要推动它，并覆盖其他的东西，这可能是解除我用这个HTML

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

来源

2015-03-25 12:34:43 Jasper

该规则。

margin: 30px auto 0 auto !important;

来源

2015-03-25 12:36:42 Martin

它取决于它周围的容器，所以我们需要看完整的HTML。您可以添加内部包装和浮起来：

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

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

来源

2015-03-25 12:37:22

位置div保证金顶部30px，但保留保证金在中心使用保证金自动？

回答

相关问题