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的以下：
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;
}
在我的例子，你会看到，我做了“蓝色” div的内容较长，而我想有“黄” DIV伸展（所以页脚将低于他们俩）
Th另一种方式也适用（如果'黄色'div包含更多的内容，'蓝色'div应该伸展...尽管如果我给出一个'黄蓝色'图像作为背景，这可以通过人造列来解决到'blue'div）。 作为图像的例子：http://tinypic.com/view.php?pic=jjpx0k&s=6
有人可以帮助我吗？
任何帮助将不胜感激！