Question

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;
}

Answer 1

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.