浮动黑客不会使滚动条出现..？

Question

我有一个网站，其中<div>设置类似于此示例http://jsfiddle.net/kLQ5z/1/

问题是如果访问者的屏幕较小，outerContent将会在屏幕外显示 通常情况下会出现滚动条，但是因为我以这种黑客方式设置了<div>，所以它们没有出现，你甚至无法使用鼠标的水平滚动。

任何帮助？

Answer 1

我和你的jsFiddle一起玩，here's something that seems to work。基本上，我使用的是一个迭代过程：

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

2. 这样做的一种方法是给主框一个固定的左边距，但为了使它居中，我们需要将它包裹在一个带有margin: auto的外部div中。

   < / LI>

3. 为了让完全居中，我们还需要给它一个匹配的右边距。

4. 但理想情况下，如果屏幕太窄而无法完全显示，我们希望在任何滚动条出现之前将该边距挤出。什么在CSS中有效？表格细胞！因此，我们使用带有display: table-cell的空虚拟div而不是固定边距。

它仍然是一个黑客，如果它无法改善我会感到惊讶。我也没有很好地测试它，但它似乎至少可以在Chrome上运行。