Html <；表>；并排，但第二个是可滚动的

我有点像

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

...
...

两个表都有

显示：内联块

但问题是，

t2

太长了，一张表（几个

td

s），我希望

t2

可以滚动

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

您可以将

#t1

设置为

位置：固定

，并依靠主体滚动来滚动较长的表格。请记住，这样做，您需要调整

#t2

上的边距以适应重叠。或者，您需要将

#t2

放置在具有

溢出：滚动的固定高度div中
您可以将
#t1
设置为
位置：固定
，并依靠主体滚动来滚动较长的表格。请记住，这样做，您需要调整
#t2
上的边距以适应重叠。或者，您需要将
#t2
放置在固定高度的div中，并使用
溢出：滚动
将CSS用于t2

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

对t2使用CSS

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

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

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


...
...

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

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


...
...

小提琴手：
你为什么不把桌子放在沙发上？不确定这是否与您相关，但您是否看到了响应表？-转到他们的示例页面，缩小浏览器的宽度。听起来你在要求这样的东西。Saint是对的，把它放在一个div中，使div可以滚动。网上有很多关于如何做到这一点的例子。@adam我在一个项目中确实需要它，谢谢+1为什么不把你的表格放在一个div中呢？不确定这是否与您相关，但您是否看到了响应表？-转到他们的示例页面，缩小浏览器的宽度。听起来你在要求这样的东西。Saint是对的，把它放在一个div中，使div可以滚动。网上有很多关于如何做到这一点的例子。@adam我实际上需要一个项目，谢谢+1在与一些显示属性（如
display:block
）以及一些固定高度一起使用之前不会起作用。您应该交换x和y sir:DEdited，您通常“滚动”在Y坐标上，除非与某些显示属性（如
display:block
）一起使用，当然还有一些固定高度，否则将无法工作。您应该交换x和Y坐标，长官：DEdited，您通常在Y坐标上“滚动”