Div не выравнивается по центру внутри другого div

0

Я не могу показаться, что центр выравнивает мой div (название), который находится внутри другого div.

HTML

<div class="wrapper">
   <div id="header">
      <div class="title">Home</div>
   </div>
</div>

CSS

#header {
  position:relative;
  width:1200px;
  height:400px;
  margin:auto;
  border:1px solid red;
}

.title {
  position:absolute;
  width:1000px;
  height:140px;
  background-color:red;
  margin:auto;
}
Теги:

2 ответа

4
Лучший ответ

Удалить position: absolute и она отлично работает.

Позиция: абсолютное значение необходимо только тогда, когда вам нужно очень специфическое размещение вне нормального потока документов. В этом случае ничего особенного не требуется, кроме автоматического левого и правого полей, которые у вас уже есть.

0

вы смешиваете вещи. Удалить положение абсолютное.

или если вы хотите, чтобы он был абсолютным, вы можете сделать это

.title {
position:absolute;
width:1000px;
height:140px;
left: 50%;
background-color:red;
margin-left:-500px;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню