Как разместить 2 деления внутри большего?

Question

Как разместить 2 деления внутри большего?

0

Я пытаюсь воссоздать это: Однако у меня проблемы с позиционированием всего. Какой лучший способ пройти через это?

Текущий HTML:

<div id="container">
  <div class="wrap">
    <div id="interview">
          <h1>INTERVIEW: JOHN HUNT</h1>
        </div>
      <div id="article">
        <h2>ARTICLE: WOMEN IN SURFING</h2>
      </div>
</div>

Текущий CSS:

#container{
width:918px;
height:429px;
background-color:#cdcccc;
clear:both;}

.wrap{
width: 620px;
margin-left:10px;
margin-top:10px;}

#interview{
width:652px;
height:179px;
background-color:#FFF;}

#article{
width:652px;
height:179px;
background-color:#FFF;}

user3457850 25 март 2014, в 03:16

Источник

0

Чтобы уточнить, какую часть макета у вас возникают проблемы при достижении? Объявление справа? Содержимое внутри каждого div?
Serlite 25 март 2014, в 02:01
0

Все сверху, все в серой коробке. Правая сторона, я еще даже не кодировал, с чем у меня тоже проблемы.
user3457850 25 март 2014, в 02:03

Теги:

html

css

3 ответа

Ещё вопросы

Чтобы уточнить, какую часть макета у вас возникают проблемы при достижении? Объявление справа? Содержимое внутри каждого div?
Все сверху, все в серой коробке. Правая сторона, я еще даже не кодировал, с чем у меня тоже проблемы.

Mino · Answer 1 · 2014-03-25T01-02-00.000Z

#interview и #article больше, чем .wrap который не то, что вы хотите!

Кроме того, добавьте в свой CSS:

#interview{
    position: relative;
    margin-bottom: 10px;
}

#article{
    position: relative;
}

Это поможет вам!

vishalkin · Answer 2 · 2014-03-25T00-53-00.000Z

Для этого типа макета попробуйте использовать схему GRID SYSTEM. Посетите сайт 960GS для получения справки.

Rayshawn · Answer 3 · 2014-03-24T23-35-00.000Z

По умолчанию элементы div находятся друг над другом, поэтому, если вы хотите, чтобы ваш раздел подписки был справа, вам придется плавать вправо.

И заверните свой левый div в родительском контейнере div. Это основная идея.