我使用带标题的液体三列布局运行一个站点。这种布局在我敢尝试的所有浏览器中运行了十多年。它基于CSS中的绝对定位。此页面提供了实际网站的示例。
看着平板电脑上的页面，我发现右栏与中心部分重叠。使用Firebug进行的进一步调查表明，一旦中心内容达到360px宽度，div的右边距就会缩小。为什么？由于Firefox和Android的渲染是一样的，我想这是应该的。
然而，我试图让美德变得必要，并尝试为正文和内容设置最小宽度，使正文滚动溢出。实体实际上是滚动的，但右列位于视口的右边缘，而不是实体元素（Firefox）。这是有意的CSS标准吗？
有什么想法可以解决小型显示器上的演示吗？
感谢您的努力，
ndash 拉尔斯。
我思考了一会儿，是应该撤销这个问题还是提供这个自我回答。我决定自己回答，因为我希望相关中的一些答案在我写问题时已经给出。
首先，360像素的限制显然是我自己的愚蠢。有一个评论表单，它拒绝收缩。它从我的视野中滚了出来。
通过在机身上添加position:relative;，解决了夹层定位的问题。这个问题解释了原因。
我在实验过程中使用的overflow设置是不必要的，因为默认行为已经滚动了。但是使用任何overflow指令都会破坏IE8。
所以，非常感谢，答案库终于拥有了一切。