防止HTML元素在較小的屏幕上相互重疊

Question

我在頁面上有兩個元素彼此並排排列。左側的元素是固定的。我的默認屏幕分辨率是1280x800。當屏幕分辨率降低到1024x *或更低時，左側和右側容器傾向於彼此重疊。有沒有解決這個問題？我該怎麼做？
------------------------------------------------ - - - - - -編輯 - - - - - - - - - - - - - - - - - - - ---------------------
實際上，右側的元素被分配了預定義的寬度，並且設置爲margin:0 auto以保持其面向中心屏幕。右側右側的元素是一個垂直菜單，因此，即使用戶滾動頁面，我也希望它保持固定。因此我爲它指定了position:fixed。

Answer 1

你可以做這個客戶端，在window.onresize事件處理程序中適當地縮小容器。

Answer 2

如果因爲屏幕不夠大而不能容納它們，請嘗試將元素的寬度設置爲百分比：<tag style="width: 80%;" />。