html - 防止 HTML 元素在较小的屏幕上相互重叠

Question

我在页面上有两个元素并排对齐。左边的元素是固定的。我的默认屏幕分辨率是 1280x800。随着屏幕分辨率降低到 1024x* 或更低，左右容器往往会相互重叠。这个问题有解决办法吗？我该怎么做？
---------------------------------------------- - - - - -编辑 - - - - - - - - - - - - - - - - - - - - ------------------
实际上，右边的元素被分配了一个预定义的宽度，并设置为 margin:0 auto 以使其保持在屏幕中心。 right left 的元素是一个垂直菜单，因此，我希望它即使在用户滚动页面时也能保持固定。因此，我为其指定了 position:fixed。

Answer 1

您可以在客户端执行此操作，在 window.onresize 事件处理程序中适当缩小容器。