Html 两张桌子并排放在一个容器中赢得'；t浮动

我在尝试将两个表相邻放置在一个应该可以水平滚动（x轴）的div中时遇到了一个问题

当放置在container div外部时，这些表彼此相邻地浮动，但当放置在容器内部时，在第一个表之后会发生中断

。滚动容器{
宽度：200px；
高度：100px；
背景：巧克力；
溢出-x：滚动；
溢出y：隐藏；
}
桌子{
显示：表格；
浮动：左；
}
tr:n个类型（偶数）{
背景颜色：黄色；
}

傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
如果没有滚动容器：

傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜
傻瓜傻瓜

问题是您没有为

表格提供
宽度

另外，我将您的
表
属性更改为：

table {
 display:table;
 float:left;
}

到

检查下面的代码段：


。滚动容器{
宽度：200px；
高度：100px；
背景：巧克力；
溢出-x：滚动；
溢出y：隐藏；
}
桌子{
显示：表格单元格；
宽度：50%/*仅当您需要成为相等的表时*/
}
tr:n个类型（偶数）{
背景颜色：黄色；
}

笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
笨蛋
我试图实现的是将滚动容器固定在一个位置，将两张桌子并排放在滚动容器内，然后滚动容器应可沿x轴滚动。Works！谢谢但是有没有办法将表格宽度设置为自动？生产中使用的表格将因其数据而异。一个可能是80%，另一个可能是20%，另一个可能是20%和80%。我更新了我的答案，但是是的，你可以做两件事之一：要么设置
表格
width:auto
要么简单地删除
width
table {
 display:table-cell;
 width:50% /* only if you need to be equal tables */
}