避免滚动绝对定位元素

Question

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

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

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

Answer 1

overflow属性告诉页面当页面太大而不适合时该怎么做。如果您应用该选项 {overflow：hidden;} 你希望它显示的位置（即在div或整个页面中，或仅在图像上），那么页面将不会滚动。但是，当溢出仍然溢出时，您实际上会丢失溢出信息，因此这是一个权衡。