<table>
<tr>
<td style="vertical-align:bottom;">
<div class="notiece_board">
</div>
</td>
<td>
<div></div>
<div></div>
<div></div>
</td>
</tr>
我想增加notiece_board的高度以适应td然后在达到td的高度之后,notiece_board必须变得可滚动。问题是,第二个td的高度会随着添加/删除<div>
而动态增加或减少。我使用的CSS是
.notiece_board {
height: 100%;
display:block;
overflow:auto;
}
答案 0 :(得分:0)
table tr td .Notiece_board {
width: 100%;
height: 150%; // height have to be more than 100% of the td to make it scroll
overflow: scroll; // this makes the box scroll
}
祝你好运
答案 1 :(得分:0)
您可以为<td>
指定高度。
然后制作.notiece_board
overflow:scroll;
并指定与td匹配的最大高度。
这是小提琴Fiddle。您可以将第二个<td>
放在与notiece_board相同的类中,以避免动态调整大小。