父元素与子元素的包裹与撑开问题

父元素有固定高度

父元素样式 :

子元素为相对定位 :

子元素为绝对定位 :

由此可见，当父元素设置为相对定位，有固定高度height时，子元素不论是相对定位还是绝对定位，都无法撑开父元素高度。

---

父元素没有设置高度

父元素样式 :

子元素为相对定位 :

子元素为绝对定位 :

由此可见，当父元素没有固定高度，子元素为相对定位可以撑开父元素高度，子元素为绝对定位无法撑开父元素高度。