Html 浮动黑客不'；t使滚动条出现。。？

我有一个网站，有一些类似于这个例子的

设置

问题是，如果访问者有一个小屏幕，则

外部内容将脱离屏幕。

通常情况下，滚动条会出现，但因为我已经用一种非常粗俗的方式设置了
，所以它们不会出现，而且你甚至不能使用鼠标的水平滚动

有什么帮助吗？
我玩了你的JSFIDLE，还有。基本上，我使用的是一个迭代过程：

要在浮动框离开屏幕时显示滚动条，它必须位于内容区域内

一种方法是给主框一个固定的左边距，但为了使其居中，我们需要用
margin:auto
将其包装在一个外部div中

为了使它精确居中，我们还需要给它一个匹配的右边距

但理想的情况是，如果屏幕太窄而无法完全显示，我们希望在出现任何滚动条之前将边距挤出。在CSS中什么是这样工作的？表格单元格！因此，我们使用带有
display:table cell
的空虚拟div代替固定边距

它仍然是一个黑客，如果不能改进，我会感到惊讶。我也没有对它进行很好的测试，但它至少在Chrome上可以工作。
您在哪个浏览器上遇到这个问题？在使用Chrome的JSFIDLE上，滚动条对我来说很好。是的，我刚刚注意到JSFIDLE确实显示了滚动条我使用的是Firefox的17.0.1版。我将尝试查看问题是由我的实际代码与我在JSFIDLE中编写的代码之间的差异造成的，还是因为我实际使用的是JSFIDLE。嗯，好的，那么你的限制是什么？您可以更改多少HTML结构？我假设你想让大盒子完全居中，如果它和小盒子都有空间的话，对吗？嗯，是的，我想让大盒子居中。我真的不确定我能修改多少代码，当我得到答案时，无论如何我都得摆弄我的代码。不管最后的评论是什么。通过使用右边距轻松修复。谢谢