Opera浏览器缩小视口时footer出现负margin-right问题求助

• body边框引发的视口溢出
  你的body设置了左右各2px边框，若未添加box-sizing: border-box，在默认标准盒模型下，body的width:auto会让内容区填满960px视口，总宽度变为960+2+2=964px，直接超出视口4px，这本身就会触发水平滚动条。

• footer的margin-right:-9px的作用
  当footer设置width:950px且margin-right:-9px时，分两种场景：

  1. 若footer是正常流块级元素：body的有效内容区宽度为960-4=956px，footer的总占用宽度为950+0+(-9)=941px，理论上不会超出，但如果body实际内容区宽度小于941px（比如设置了固定width），或浏览器对margin负数的渲染逻辑导致元素右移，就会出现超出情况。
  2. 若footer是浮动/绝对定位元素：margin-right为负数会强制元素向右偏移9px，直接超出body的右边界（body右边框在958px位置），footer右边缘会延伸至958+9=967px，超出视口7px，进一步加剧滚动条问题。

• 数值逻辑梳理
  视口960px时，body的有效内容区宽度应为960-2*2=956px。footer宽度950px，若要完全在body内，margin-right应设为956-950=6px（或auto），而设置-9px相当于让footer向右额外延伸9px，直接超出body边界。

解决建议：

1. 给body添加box-sizing: border-box，确保边框包含在width计算内，避免body本身溢出视口。
2. 移除footer的margin-right:-9px，改为margin-right:auto或设置合适的正数，让footer在body内容区内对齐。
3. 检查footer是否设置了浮动/绝对定位，这类定位会改变margin的渲染逻辑，若不需要则移除。

内容的提问来源于stack exchange，提问作者user9026