Hvis et element med 'position: absolute' ligger i en upositioneret body (altså body har 'position: static'), hvad placeres elementet så i forhold til?
Det er jo ikke body, skal det være det, skal body have en anden position.
Det er heller heller ikke skærmen, i så fald skulle den jo blive fikseret, da skærmen ikke scrolles.
Det må på en el. anden måde være bodys parent - html? Eller har body et canvas, det ligger i?
position: absolute i forhold til hvad?
Re: position: absolute i forhold til hvad?
Test test test. Prøv følgende
Kode: Vælg alt
<!DOCTYPE html>
<html>
<head>
<style>
body {
position: relative;
background-color: blue;
width: 100%;
height: 100vh;
}
body > div:FIRST-CHILD {
position: absolute;
top: 50%;
right: 50%;
background-color: red;
}
body > div:LAST-CHILD {
position: absolute;
top: 53%;
right: 40%;
background-color: green;
}
</style>
</head>
<body>
<div>
<p>Jeg er relativ i forhold til min parent</p>
</div>
<div>
<p>Jeg er også relativ i forhold til min parent og ignorer den røde</p>
</div>
</body>
</html>
Re: position: absolute i forhold til hvad?
Jeg ved ikke lige hvor du vil hen med det, men jeg er kommet til at tænke på, at det måske ikke fra w3's side er defineret hvad den placerers i forhold til når den ligger i en static body, så måske er det meget browserafhængigt.
Re: position: absolute i forhold til hvad?
"You use the positioning attributes top, left bottom and right to set the location. Remember that these values will be relative to the next parent element with relative (or absolute) positioning. If there is no such parent, it will default all the way back up to the <html> element itself meaning it will be placed relatively to the page itself."
https://css-tricks.com/absolute-relativ ... ey-differ/
https://css-tricks.com/absolute-relativ ... ey-differ/
Re: position: absolute i forhold til hvad?
Super! Jeg takker.
Jeg fandt i øvrigt også ':root'-selectoren, som netop skulle repræsentere 'html'-elementet
Jeg fandt i øvrigt også ':root'-selectoren, som netop skulle repræsentere 'html'-elementet
Re: position: absolute i forhold til hvad?
Det lignede at du var i tvivl om position: så jeg gav et eksempel.wbie skrev:Jeg ved ikke lige hvor du vil hen med det, men jeg er kommet til at tænke på, at det måske ikke fra w3's side er defineret hvad den placerers i forhold til når den ligger i en static body, så måske er det meget browserafhængigt.
W3schools skriver også hvad position: absolute placers i forhold til
An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).
However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.
Re: position: absolute i forhold til hvad?
Ok, det stemmer jo meget godt overens med jepperasks citat.