css - 避免滚动绝对定位的元素

Question

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

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

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

Answer 1

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