css做的关键就是两个值:margin-bottom:-32767px;padding-bottom:32767px;
具体的为啥是这样两个值,我还真的是不知道啊,哈哈
css如下:
*{margin:0px;padding:0px;}
body{text-align:center;}
.wrap{width:600px;margin:0 auto;text-align:left;overflow: hidden}
.left{background:url(http://bbs.blueidea.com/images/default/logo.gif) repeat-y;width:300px;float:left;margin-bottom:-32767px;padding-bottom:32767px;}
.right{background:gray;width:300px;float:left;margin-bottom:-32767px;padding-bottom:32767px;}
body{text-align:center;}
.wrap{width:600px;margin:0 auto;text-align:left;overflow: hidden}
.left{background:url(http://bbs.blueidea.com/images/default/logo.gif) repeat-y;width:300px;float:left;margin-bottom:-32767px;padding-bottom:32767px;}
.right{background:gray;width:300px;float:left;margin-bottom:-32767px;padding-bottom:32767px;}
html:
<div class="wrap">
<div class="left">左侧</div>
<div class="right">
右侧<br />
右侧<br />
右侧<br />
右侧<br />
</div>
</div>
<div class="left">左侧</div>
<div class="right">
右侧<br />
右侧<br />
右侧<br />
右侧<br />
</div>
</div>