Позиция div margin top 30px, но сохранить маржу в центре, используя маржу auto?

У меня проблема с получением моего div для перемещения по моей странице на 30px/добавление поля вверху моего div на 30px. Мой div выровнен по центру страницы с использованием поля auto.Позиция div margin top 30px, но сохранить маржу в центре, используя маржу auto?

Однако, когда я пытаюсь добавить эту строку кода: 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

это работает для меня в Google Chrome – q0re

Ваш код абсолютно нормально :) Но дайте мне знать, в каком браузере вы получаете этот вопрос. –

Там нет ничего плохого с кодом. Взгляните на это JSFiddle. Маржа добавляются к началу я использовал этот HTML

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

источник

2015-03-25 12:34:43 Jasper

Если другие вещи на странице влияют на вашем общий страницу CSS затем попробуйте добавить к margin-top важным для продвижения его и переопределить другие вещи, которые могут быть отменяя это правило.

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 margin top 30px, но сохранить маржу в центре, используя маржу auto?

ответ

Смежные вопросы