我有一个带有容器和两列的页面。我的结构看起来像这样
<div id="page">
<div id="left"></div>
<div id="right"></div>
</div>
这是CSS
#page {
min-height: 100%;
height: 100%;
width: 90%;
font-size: 100%;
margin: 0 auto 0 auto;
padding: 0;
font-size: 1em;
position: relative;
}
#left {
background-image: url("../images/layout/background.png");
width: 198px;
min-height: 100%;
float: left;
}
#right {
margin-left: 230px;
min-height: 100%;
background-color: #FFFFFF;
border: 1px solid red;
padding: 150px 20px 0px 20px;
text-align: justify;
}
目前,使用前面的代码,#page
元素不会延伸到底部,#left
. 如果我从 , 中删除填充物#right
,#page
并且#left
与#right
.
我该如何解决这个问题?