html - Positioning a nested DIV relative to the page and not the first positioned ancestor -
is there way position nested div (or other nested html element) relative page (so 0,0
put @ top left of page) when has positioned ancestor, without using javascript.
using position:fixed
won't work because positions relative viewport, not move if page scrolled.
using position:absolute
won't work since asking nested div positioned ancestor. cause position relative positioned ancestor.
no, can't done without script ...
... unless outer element's left/top position known/fixed, in example
.nr1, .nr2 { position: absolute; width: 300px; height: 100px; } .nr1 { left: 50px; top: 50px; background: red; } .nr2 { left: 0; top: 0; background: blue; margin: -50px 0 0 -50px; }
<div class="nr1"> <div class="nr2"> </div> </div>
Comments
Post a Comment