请教一个DIV底部对齐的问题

来源：百度知道 编辑：UC知道 时间：2024/05/16 17:34:29
框架是这样的:
<div id="a">
<div id="b"></div>
<div id="c"></div>
</div>

b c 是左右2栏,我想在b c 之间垂直有条线,现在的作法是在b上定义:border-right:1px black solid;但是这样如果b的内容高没问题,如果c的内容高就不行了,线就划到了一半,请问这时b怎样才能和内容高的c底部对齐呢??或者说有没有别的办法在它俩间画条垂直的线,谢谢!!!

把竖线做成1px宽的图片
<div id="a" style="background:url(图片.gif) repeat-y scroll 200px;">
<div id="b"></div>
<div id="c"></div>
</div>

设置外面嵌套的div高度，再在b和c之间加个黑底的div即可：

<div id="a" style="width:100%;height:100px;">
<div id="b" style="float:left;">bbbbbbbbbbb<br>bbb<br>bbb<br>bbb<br>bbb<br>bbb<br></div>
<div style="width:1px;height:100%;float:left;background-color:#000000"></div>
<div id="c" style="float:left;">ccccccccccccccc<br>cc<br>cc<br>cc<br>cc<br>cc<br>cc<br>cc<br>cc<br>cc<br></div>
</div>

<script>window.onload=function(){b.style.height=c.offsetHeight;}</script>
<style>
#a{ width:700px; border:1px solid #9999