0
div B의 높이를 기준으로 div A를 늘리는 문제가 있거나 div A의 heigt를 기준으로 div B를 늘리는 것 (내용이 가장 많은 항목에 따라 다름)이 있습니다.서로 다른 div를 늘림
나는 가짜 열을 조사했지만, 내 div의이 같은 '홀더'이 작동하지 않을 수 있습니다 ...에없는 것처럼 나의 현재 코드는 다음과 같습니다
<div id="header">
<div id="content">CONTENT HEADER</div>
</div>
<div id="content">
<div id="column-left">
<p>INHOUD LINKER KOLOM</p>
<p> </p>
</div>
<div id="column-right">
<p>INHOUD RECHTER KOLOM</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="clear"></div>
</div>
<div id="main">
<div id="content">
<div id="main-content">
<p>HOOFD INHOUD </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="content">CONTENT FOOTER</div>
</div>
을 CSS는 AS로 내 예에서
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.clear {
clear: both;
}
#content {
position: relative;
width: 950px;
margin-left: auto;
margin-right: auto;
z-index: 10
}
#header {
position: relative;
min-width: 990px;
width: 100%;
height: 90px;
background-color: #F00;
}
#column-left {
width: 500px;
float: left;
background-color: #0F0;
}
#column-right {
width: 450px;
float: right;
background-color: #00F;
position: absolute;
margin-left: 500px;
}
#main {
min-width: 990px;
width: 100%;
background-color: #FF0;
}
#main-content {
width: 500px;
float: left;
}
#footer {
min-width: 990px;
width: 100%;
height: 90px;
background-color: #F00;
}
을 당신은 내가
(그래서 바닥 글이 둘 다 아래에있을 것입니다) 스트레칭하는 '노란색'사업부를하고 싶은 반면, 더 이상 '블루'사업부의 컨텐츠를 한 것으로 볼 수 있습니다 : 다음Th 다른 방법으로도 적용 할 수 있습니다 ('노란색'div에 더 많은 내용이 포함되어 있으면 'blue'div가 늘어나야합니다 ... 배경으로 '노랑 - 파랑'이미지를 제공하면 가짜 열로도 해결할 수 있지만 'blue'div로 변경). 이미지로보기 : http://tinypic.com/view.php?pic=jjpx0k&s=6
누군가가 도와 줄 수 있습니까?
도움이 될 것입니다.