Прикрепите div к нижней части страницы

Question

У меня есть div с абсолютной позицией, и я хочу добавить еще один div.
Два div имеют разную ширину.
Div выше с положением абсолюта и центрирован. Элемент div, который должен находиться внизу, имеет ширину 100%.
Как это сделать?
Спасибо!

Answer 1

• сделать один div, который содержит оба
• использовать float:right

пример

div#p8015buttons {
    position:absolute;
    bottom:0.5em;
    right:0.5em;
    width:90px;
}
div.p8015 {
    float:right;
    margin:1px;
}

Answer 2

Попробуйте это, затем вы можете переместить стиль к вашему CSS

<div style="width:500px; margin: auto; height:200px; background-color:black;">
</div>
<div style="width:100%; height:200px; background-color:green;">
</div>

Answer 3

Испытано HTML MARKUP

<div class="wrapper">
<div class="left-ontent>
</div>
<div class="right-ontent>
</div>
</div>

CSS

.wrapper{width:980px;margin:0 auto;position:absolute;}
.left-content{float:left;width:630px;}
.right-content{float:right;width:320px;}

Answer 4

Не проверено, но это должно сделать.

HTML:

<div class="wrapper">
      <div class="one">
         Content
      </div>
      <div class="two">
         More content
      </div>
    </div>

И CSS:

    .wrapper
    {
      position:absolute;
      width: 500px; 
      height: 400px;/*whatever you want*/
      }

    .one,
    .two
    {
      position:relative; /*or static*/
    }

Надеюсь, это поможет:)

Answer 5

Заверните оба DIV в третий и поместите один абсолютный вместо исходного.