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

Question

我在页面上有两个元素彼此并排排列。左侧的元素是固定的。我的默认屏幕分辨率是1280x800。当屏幕分辨率降低到1024x *或更低时，左侧和右侧容器倾向于彼此重叠。有没有解决这个问题？我该怎么做？
------------------------------------------------ - - - - - -编辑 - - - - - - - - - - - - - - - - - - - ---------------------
实际上，右侧的元素被分配了预定义的宽度，并且设置为margin:0 auto以保持其面向中心屏幕。右侧右侧的元素是一个垂直菜单，因此，即使用户滚动页面，我也希望它保持固定。因此我为它指定了position:fixed。

Answer 1

你可以做这个客户端，在window.onresize事件处理程序中适当地缩小容器。

Answer 2

如果因为屏幕不够大而不能容纳它们，请尝试将元素的宽度设置为百分比：<tag style="width: 80%;" />。