Question

固定长度的td中动态加入div,td随着div的加入而增大,怎么使td不被拉升

div部分代码
#caleander td { width: 120px; height: 115px; border: 1px solid #777; vertical-align: text-top; font-size: 12px; overflow:hidden; }
被添加的div部分代码
#caleander .sche{ background:rgb(18,107,177); width: 80px; height: 18px; line-height: 18px; overflow: hidden; border:1px solid rgb(240,200,10);}

Answer 1

在动态.sche DIV外层再加一个固定高度的DIV。

如下方代码：

<table>
 <tr>
  <td height="80">
   <div class="staticHeight">
    <div class="sche">动态DIV</div>
    <div class="sche">动态DIV</div>
   </div>
  </td>
 </tr>
</table>

CSS对应这么写：

.staticHeight{
    width:??px; /* 同TD宽，固定宽度 */
    height:80px;  /* 同TD高，固定高度 */
    overflow:hidden;
}

Answer 2

你的意思是div里的内容会不断增加，但td的大小不变？

追问

是里面div的个数不断增加