コンテナーと 2 つの列を含むページがあります。私の構造はこれに見えます
<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
。
これを解決するにはどうすればよいですか?