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

Question

我有一个与<div>此示例类似的网站http://jsfiddle.net/kLQ5z/1/

问题是，如果访问者的屏幕很小，那么它outerContent就会在屏幕外。
通常情况下，滚动条会出现，但因为我已经<div>以这种 hack 的方式设置了 s，所以它们不会出现，你甚至不能使用鼠标的水平滚动。

有什么帮助吗？

Answer 1

我玩过你的 jsFiddle，这似乎很有效。基本上，我使用的是一个迭代过程：

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

2. 一种方法是给主框一个固定的左边距，但是为了让它居中，我们需要用margin: auto.

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

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

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