Question

css div怎么随着另一个div的高度增加而增加？

【/*HTML*/】
<div class="body_q flt"> <div class="leftbox flt"> <div class="timer"><img src="../images/images/date.png" /></div> <div class="timer_y"></div> </div> <div class="rightbox flt"> <h2>Chan 是一款可翻译的聊天工具.<span class="titler">不同的地方会有不同的风俗，过年时不同的水果、物品、活动，都让我们在新年里感到别样的气息！</span></h2> <ul> <li class="yellow"> <img src="../images/images/img_05.jpg" class="flt"/> <h4>信息读写性能提高，我勒个去哦</h4> <p>信息读写性能提高，</p> </li> <li class="bull"> <h4>信息读写性能提高，我勒个去哦</h4> <p>信息读写性能提高<p> </li> <li class="red"> <img src="../images/images/img_06.jpg" class="flt"/> <h4>信息读写性能提高，我勒个去哦</h4> <p>信息读写性能提高，</p> </li> <li class="bull"> <img src="../images/images/img_07.jpg" class="flt"/> <h4>信息读写性能提高，我勒个去哦</h4> <p>信息读写性能提高<p> </li> <li class="green"> <h4>信息读写性能提高，我勒个去哦</h4> <p>信息读写性能提高<p> </li> </ul> </div>

【/*css*/】
.body_q{width:1170px;background:#fff;margin-left:115px;margin-top:70px;margin-bottom:50px;}.leftbox{width:50px}.leftbox:clearfix{ visibility:hidden; display:block;height:0px;overflow:hidden;}.timer{width:50px;height:50px;}.timer_y{width:50px;min-height:900px;background:url(../../images/images/dateline.png) repeat-y;margin:0 15px; }

.rightbox{width:1092px;min-height:950px;}.rightbox h2{ height:50px;font-weight:normal;padding-left:32px;line-height:50px;}.rightbox .titler{font-size:16px;padding-left:10px;}.rightbox ul{padding-top:10px}.rightbox ul li{margin:50px 15px; overflow:auto;padding:15px;}.rightbox ul li img{margin-right:20px;}.rightbox ul li h4{ font-size:20px;font-weight:normal;margin-bottom:10px;}.rightbox ul li p{color:#FFFFFF}
.yellow{background:#fac255;}.bull{background:#68c6e8;}.red{background:#fa804d;}.green{background:#b2d233;}

【【【【【【【怎么样才能让圈出来的这条，随着右边的高度加而加呢？】】】】】】】】

Answer 1

将左侧的这个做成背景，竖向平铺，这样就能根据右侧的高度增加而变长了。

追问

左侧那个是背景 那个就是小图片 给我y轴重复的 我在那条那里的div和右侧div都设置的是min-height方便添加内容 要加个什么才
能和右侧一样长

追答

我没明白你说的是什么意思。用背景是完全没问题的，不用设置什么min-height