我的CSS有100%的高度问题 . 我已经搜索了许多教程以及解决方案,但我似乎无法得到我想要的结果 . 我所拥有的是侧栏和主栏,其中将放置内容 .
由于内容的主要列延伸,我希望侧边栏的背景也可以伸展 . 但我得到的是侧边栏的背景一直停留在一个点上并且它不会一直向下 .
黑色背景是我的侧栏,内容似乎一直溢出 .
我的代码
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
CSS 100% Heightcontents
CSS
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#content {
background: #EEE;
font: 1.5em arial, verdana, sans-serif;
min-height: 100%;
}
#sidecolumn {
width: 500px;
height: 100%;
background: #000;
float: left;
}
#maincolumn {
height: 100%;
}
#page {
height: 100%;
}