outline 属性 CSS 在 Opera 11.5 中导致宽度问题？

Question

好的，我有一个页面，其标题 div 延伸 100% 宽，具有 1 像素的底部边框和另一个 1 像素的轮廓，以按照推荐的 here 伪造“双色”边框。这在 Firefox 4-9、Chrome、IE7/8/9 和 Safari 中完美运行。问题出在 Opera 11.5 上，因为这个 1px 的轮廓，opera 在屏幕底部显示了一个水平滚动条，所以基本上 Opera 将页面渲染为 100%（div 宽度）+2px（每边 2x 1px 轮廓），这是错误的，因为显然轮廓不应该占用屏幕上的任何空间。

我已经通过 stackoverflow 进行了搜索，并对这些问题进行了多次谷歌搜索，但我找不到与此相关的答案或问题 - 似乎也没有侧面特定的大纲属性（例如 outline-left） ，所以我想知道有什么潜在的补救措施？

Answer 1

overflow:hidden; 

不应该与其他浏览器混淆，并且会远离那些讨厌的水平滚动条。