负绝对定位，移除滚动条答案

【问题标题】：Negative Absolute Positioning, Removing Scrollbar负绝对定位，移除滚动条
【发布时间】：2014-06-21 11:46:02
【问题描述】：

右上角的动画是完美的，除了它创建了一个水平滚动条，它的定位方式。

它绝对位于顶部和右侧 -120 像素。我只是想知道如何制作它，这样它就不会扩展正文，并且一旦碰到页面边缘就会隐藏起来，这样就没有滚动条了。

滚动条在 Windows Firefox 上似乎不存在，但在 Mac Firefox 和 Safari 上存在。

谢谢，韦德

【问题讨论】：

【解决方案1】：

将#corner包裹在另一个div中，并将其设置为动画结束点占据的尺寸以及绝对位置。将此 div 上的溢出设置为隐藏，以防止其溢出页面并触发滚动。

【讨论】：

【解决方案2】：

您也可以将overflow: hidden 放在body 上，以同样的方式工作并为您节省一个div

【讨论】：

【解决方案3】：

根据您的情况，您可以为 div 或整个页面获取滚动条。在构建响应式网站布局时，我总是写这样的 CSS：

body {
    overflow-x: hidden;
}

这可以防止出现滚动条、跨浏览器和跨设备。

【讨论】：