展开内部div以适应容器

时间:2015-03-14 07:44:06

标签: css

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

}

2 个答案:

答案 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相同的类中,以避免动态调整大小。