固定长度的td中动态加入div,td随着div的加入而增大,怎么使td不被拉升
div部分代码#caleandertd{width:120px;height:115px;border:1pxsolid#777;vertical-align:text-...
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);} 展开
#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);} 展开
2个回答
展开全部
在动态.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;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询