Menu
I have seen people set an element's style to:
element{
position:absolute;
left:-10000px;
}
rather than setting:
element{
display:none;
}
Does the first method have better browser support, or why do they do it that way?
350
As long as you structure your HTML so that the elements follow a logical order that makes sense when rendered without CSS, there is no reason why using absolute positioning should be considered bad practice. Save this answer.
We can use CSS absolute positioning to overlap elements, but there's some advantages to using CSS grid instead. Let's explore using CSS grid as an alternative to position absolute.
position: relative places an element relative to its current position without changing the layout around it, whereas position: absolute places an element relative to its parent's position and changing the layout around it.
Absolute positioning defines the position of a given bounding box from the top and left side margins of the web page. This not only allows objects to be placed in an exact location, it also allows objects to be placed one on top of another.
An element whose display style property is none cannot be measured. Properties like offsetWidth and offsetHeight will always return 0 in that case.
On the other hand, an element that's visible but displaced outside the document area can be measured. So, if you want to hide an element but still be able to determine its width and height, the first solution is the way to go.
102
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
