我需要具有一些固定定义高度的表格单元格,当它内部有许多绝对div时,溢出滚动。
这是我的HTML代码:
<table id="table">
<tr>
<td>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
</td>
<td>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
</td>
</tr>
所有关于日历插件都有表格单元格,这些div位于绝对位置。 我可以给出细胞高度,例如150px,但不能让它溢出-y滚动。
任何帮助?
答案 0 :(得分:0)
添加一个div来包装你的div然后设置它的样式
.content{
overflow-y:auto;
height:100px;
width:100px;
background:#ccc;
}
<table id="table">
<tr>
<td>
<div class="content">
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
</div>
</td>
<td>
<div class="content">
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
<div class="divs">test</div><br/>
</div>
</td>
</tr>