表格单元格溢出-y滚动,其中包含绝对div

时间:2014-01-11 11:16:48

标签: html css

我需要具有一些固定定义高度的表格单元格,当它内部有许多绝对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滚动。

任何帮助?

1 个答案:

答案 0 :(得分:0)

添加一个div来包装你的div然后设置它的样式

EXAMPLE

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