0

我有类似的东西

<div container style="width: 100%">
    <table id="t1" style="width: 40%">
            ...
    </table>
        <table id="t2" style="width: 60%">
            ...
    </table>
</div>

两张桌子都有display: inline-block ，但问题是，t2一张桌子太长（几张td），我想t2滚动。

编辑：我很抱歉，但“可滚动”=水平:)（我认为提示是“几个 tds”）

您可以设置#t1并position:fixed依靠正文滚动来滚动较长的表格。请记住，这样做，您需要调整边距#t2以适应重叠。或者，您需要#t2使用overflow:scroll.

4

3 回答 3

2

为 t2 使用 CSS

overflow-x:scroll;
overflow-y:hidden;
于 2013-08-15T15:24:20.467 回答
1

代码需要清理，但这是您想要的效果吗？

<div container style="width: 100%">
    <div style="width: 40%; float:left;">    
        <table id="t1">
        ...
        </table>
    </div>    
    <div style="width: 60%; overflow-x:auto;">
        <table id="t2">
        ...
        </table>
    </div>
</div>

小提琴：http: //jsfiddle.net/YudJn/3/

于 2013-08-15T15:37:23.373 回答
0

您可以设置#t1并position:fixed依靠正文滚动来滚动较长的表格。请记住，这样做，您需要调整边距#t2以适应重叠。或者，您需要#t2使用overflow:scroll.

于 2013-08-15T15:24:00.790 回答