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

时间:2011-02-18 18:35:49

标签: html css

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

如果因为屏幕不足以容纳两者而发生碰撞,请尝试将元素的宽度设置为百分比:<tag style="width: 80%;" />

相关问题