Question

我有类似

的东西

<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 s），我希望t2可以滚动。

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

Answer 1

将CSS用于t2

overflow-x:scroll;
overflow-y:hidden;

Answer 2

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

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

Answer 3

您可以将#t1设置为position:fixed并依靠正文滚动来滚动较长的表格。请记住，这样做，您需要调整#t2上的边距以适应重叠。或者，您需要将#t2放在overflow:scroll的固定高度div中。

并排，但第二个是可滚动的<table> </table>

3 个答案: