html 屏幕顶部和屏幕底部,html – 如何在屏幕底部正确定位div？

如果右侧单元格中的内容增长,我想在左侧单元格的页面底部放置一个div.我怎样才能做到这一点？

div位于#cell-right和菜单项1之间.

sd

html, body {

width:100%;

background:#6f711a;

border:0px solid red;

margin:0;

padding:0;

font-family:Arial;

}

#wrapper {

width:1220px;

padding:0;

margin:10px auto;

background:#ccc;

border:3px solid white;

}

#content {

background:#444;

float:left;

width:100%;

min-height:620px;

padding:0;

margin:0;

border:0px solid;

}

#cell-left {

background-color:#444;

float:left;

width:195px;

height:100%;

padding:0;

margin:0;

border:0px solid;

}

#cell-right {

float:right;

width:1025px;

height:100%;

padding:0;

margin:0;

border:0px solid;

}

#footer {

background-color:#000;

color:#fff;

clear:both;

height:25px;

padding:4px;

margin:0;

text-align:center;

border:0px solid;

}

#cell-right #content-right{

padding:10px 10px 0 10px;

}

#cell-left #content-left{

padding:0;

margin:0;

}

#content-left {

position:relative;

height:100%

}

#content-right {

background:#f1f1f1;

}

#content-left ul li a {

border-bottom: 1px solid #fff;

color: white;

display: block;

overflow: auto;

padding: 10px;

text-decoration: none;

}

ul {

border: 0 none;

font: bold 13px Verdana;

list-style-type: none;

margin: 0;

padding: 0;

width: 100%;

}

• menu item 1

vertically align on bottom

This is the div that needs to rest on the bottom

Lorem ipsum dolor sit amet consectetuer eget at enim ac eget.

Tellus nibh non ut congue montes parturient natoque odio at ipsum.

Id aliquet ante arcu feugiat Lorem dis ut libero laoreet dui.

Id tincidunt elit Nulla ut elit Nulla dui ullamcorper magnis ipsum.

Turpis Donec risus Proin tristique egestas hendrerit Vestibulum sed ut orci.

Pede adipiscing a et magna ultrices ipsum Aenean a ut laoreet.

Sed vitae vitae eu nibh pellentesque quis orci vitae at Aenean.

.. lots more of text here ..

sdsd

最佳答案 使用你现在拥有的相同css.只需改变这样的身体：

• menu item 1

Lorem ipsum dolor ... bla bla bla

This is the div that needs to rest on the bottom vertically align on bottom

sdsd

其实我改变了这些方面：

Lorem ipsum dolor ... bla bla bla

This is the div that needs to rest on the bottom vertically align on bottom