The child elements that will position themselves with respect to the parent element when relative position is given to the parent are #child3 and #child4.
#child3 will be positioned relative to the parent element and any subsequent elements will flow around it.
#child4 will follow the normal flow of elements and will not be affected by the relative positioning of the parent.
If we give relative position to the parent, which of the following child element will position itself with respect to the parent element?
<div class="parent">
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
<div id="child4"></div>
</div>
#child1 {
position: fixed;
}
#child3 {
position: relative;
}
#child2 {
position: absolute;
}
#child4 {
position: static;
}
1 answer