Html 使用display:table限制元素中表格的宽度

我有一个div，在CSS中设置为

display:table

。当我把一个实际的

表格

放在里面，我想水平滚动，外部div会从

容器

中分离出来，并延伸到页面宽度。有人能帮我修一下吗

我试图将容器保持在固定宽度，没有滚动。我只想要拿着桌子滚动的div

JSFIDDLE:

CSS:

---

将这些样式添加到

。回答
：

.answer {
  table-layout: fixed;
  width: 100%;
}

将这些样式添加到
。回答
：

.answer {
  table-layout: fixed;
  width: 100%;
}

将这些样式添加到
。回答
：

.answer {
  table-layout: fixed;
  width: 100%;
}

将这些样式添加到
。回答
：

.answer {
  table-layout: fixed;
  width: 100%;
}

对不起，我应该提到-我正在尝试将容器保持在固定宽度，不滚动。我只希望保存HTML表的div可以滚动。这可以工作，但这需要我更改其他设备的宽度。这是我的最佳选择吗？您可以始终将像素宽度转换为百分比-这样您就不必为每个设备编写媒体查询。像素宽度百分比=所需像素宽度/父元素的总像素宽度我想您必须将宽度设置为.scorestable。你可以用inherit。答案{width:inherit；}.scorestable{width:inherit；}没问题，我只是想通过帮助其他教授来学习自己，我应该提到-我试图将容器保持在固定宽度，不滚动。我只希望保存HTML表的div可以滚动。这可以工作，但这需要我更改其他设备的宽度。这是我的最佳选择吗？您可以始终将像素宽度转换为百分比-这样您就不必为每个设备编写媒体查询。像素宽度百分比=所需像素宽度/父元素的总像素宽度我想您必须将宽度设置为.scorestable。你可以用inherit。答案{width:inherit；}.scorestable{width:inherit；}没问题，我只是想通过帮助其他教授来学习自己，我应该提到-我试图将容器保持在固定宽度，不滚动。我只希望保存HTML表的div可以滚动。这可以工作，但这需要我更改其他设备的宽度。这是我的最佳选择吗？您可以始终将像素宽度转换为百分比-这样您就不必为每个设备编写媒体查询。像素宽度百分比=所需像素宽度/父元素的总像素宽度我想您必须将宽度设置为.scorestable。你可以用inherit。答案{width:inherit；}.scorestable{width:inherit；}没问题，我只是想通过帮助其他教授来学习自己，我应该提到-我试图将容器保持在固定宽度，不滚动。我只希望保存HTML表的div可以滚动。这可以工作，但这需要我更改其他设备的宽度。这是我的最佳选择吗？您可以始终将像素宽度转换为百分比-这样您就不必为每个设备编写媒体查询。像素宽度百分比=所需像素宽度/父元素的总像素宽度我想您必须将宽度设置为.scorestable。你可以用inherit。答案{width:inherit；}.scorestable{width:inherit；}没问题，我只是想通过帮助别人完善来学习自己！谢谢！！：）完美的谢谢！！：）完美的谢谢！！：）完美的谢谢！！：）