I'm a beginner in CSS and I have a question about the display property. If an element has position: absolute, does it still behave as a child of its parent or is it completely out of the flow?
For instance:
**HTML**
<div class="container">
<div class="my_div">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
In sit amet nibh et arcu gravida tincidunt. Nam dignissim elit
vitae erat porta, at efficitur lacus consequat. Sed molestie,
mi a efficitur elementum, lacus metus hendrerit libero, posuere
ultricies urna libero nec quam.
</div>
</div>
**CSS**
.container div {
width: 50%;
}
.my_div {
position: absolute;
}
Before setting position: absolute, my_div's width matches that of the container since it follows the .container div{} rule. However, after changing to position: absolute, I am unsure if my_div's width is still governed by the CSS rule.