我使用带标题的流动三栏布局运行网站。该布局在我敢于尝试的所有浏览器上运行了十多年。它基于 CSS 中的绝对定位。 This page提供实际站点的示例。
在我的平板电脑上查看页面时，我发现右栏与中心内容重叠。使用 Firebug 的进一步调查表明，一旦中心内容达到 360px 宽度，div 的右边距就会缩小。这是为什么？由于 Firefox 和 Android 呈现相同，我想这是应该的。
但是，我试图出于必要而发挥美德，并尝试为正文和内容设置最小宽度，并使正文滚动溢出。主体实际上是滚动的，但右列位于视口(viewport)的右边缘而不是主体元素 (Firefox)。这是故意的 CSS 标准吗？
有什么想法可以解决小型显示器上的演示问题吗？
谢谢你的努力，
– 拉斯。
最佳答案
我考虑了一会儿是应该撤销这个问题还是提供这个 self 回答。我决定使用 self 回答，因为我希望在我写问题时能看到相关中的一些答案。
首先，360 像素的限制显然是我自己的愚蠢行为。有评论表，拒绝缩水。它滚出了我的视野。
通过在正文中添加 position:relative; 解决了奇怪的定位问题。原因解释in this question .
我在实验期间使用的 overflow 设置不是必需的，因为默认行为已经滚动。但是使用任何 overflow 指令都会破坏 IE8。
非常感谢，答案池终于有了。
关于缩小视口(viewport)时 CSS 定位很奇怪，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9761153/