Home/ Questions/Q 8071173
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T13:37:35+00:00

Is there a way to make an element not contribute to parent overflow, but

  • 0

Is there a way to make an element not contribute to parent overflow, but keep it visible? Let me clarify

There is a watermark-like logo to be applied to a page in the manner below. It is supposed to be positioned partly outside the main content (dashed blue line)

I’m not aware of the option to set an element background in such a manner that it would persist as the browser window is resized horizontally, so I’ve just added a <div> with the logo as its background and position:absolute with the necessary offset relative to main content container.

Previously, the page would not get a horizontal scrollbar as long as the browser was wider than W1. Now, with an additional “watermark” element added outside of the main content box, the scrollbar would appear whenever the browser is narrower than W2

Is there something obvious I’m missing? A background setting, or possibly a neat margin workaround/

mockup

Update:

I’ve added a rough jsfiddle to illustrate the issue

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Unfortunately, just because you nested the “watermark” div and positioned it absolutely doesn’t make it outside of the document. If you put it outside of the document, the page will scroll (as you see).

    To me, the first solution I think of is to move the watermark outside of the “content” div and apply the watermark to its parent container. I’m guessing you haven’t done that because you need it to be relative to the “content” div, but it’s something to try.

    Also, the reason it scrolls is because the document has been overflow. The quick fix, yet not recommended, is to use “overflow-x: hidden;” on the parent container of the “content” div.

    It’s harder to give you a solution since you’ve stripped the rest of your HTML, and some “fixes” may not be as applicable if your structure is complicated in certain ways.

    • 0