避免滚动绝对定位元素

Question

我有一个绝对定位的元素，我想扩展到主要内容宽度之外。该元素应该是与主要内容区域重叠的半透明水印。

问题是如果水印被切断，页面会滚动。如果它不适合页面，我宁愿它被切断，也不会为了水印而扩展。

这里有一个演示： https://tinker.io/661ec/2

Answer 1

溢出属性告诉页面怎么办时，该页面太大，不适合。如果您将选项 {overflow：hidden;} 应用于您要显示的位置（即在div或整个页面中，或仅在图像上），则页面将不会滚动。然而，当溢出信息溢出时，你实际上失去了溢出的信息，所以这是一种折衷。