Stick div в нижней части страницы

Question

У меня есть 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

Wrap оба DIVs в третьем и положении, что один абсолютный вместо оригинала один.

Answer 3

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

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 4

Испытано 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 5

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

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