Question

<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;

}

Answer 1

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
}

祝你好运

Answer 2

您可以为<td>指定高度。然后制作.notiece_board overflow:scroll;并指定与td匹配的最大高度。这是小提琴Fiddle。您可以将第二个<td>放在与notiece_board相同的类中，以避免动态调整大小。

展开内部div以适应容器

2 个答案: