CSS百分比實現高度自適應（margin/padding）

基本知識點 本文依賴於一個基礎卻又容易混淆的css知識點：當padding/margin取形式爲百分比的值時，不管是left/right，仍是top/bottom，都是以父元素的width爲參照物的！css MDN 1. 給容器設置padding-top/bottom padding-top/bottom的百分比值，是依賴父容器寬度的，因此給子元素設置一個與父元素高度相同百分值的padding-t

>>阅读原文<<