為了適應不同分辨率下的顯示效果,常常會需要將外邊距margin,內邊距padding設置成百分比。
1.這個百分比的參考對象是什么呢?
- 答:margin(四個方向:top,right,bottom,left )以及padding(四個方向:top,right,bottom,left )設置的值為百分比的時候,是相對於最近的父級塊級元素的width。
2.為什么上下方向的外邊距和內邊距的百分比值也是相對於父級塊元素的width而不是height呢?
- CSS權威指南中的解釋:
我們認為,正常流中的大多數元素都會足夠高以包含其后代元素(包括外邊距),如果一個元素的上下外邊距時父元素的height的百分數,就可能導致一個無限循環,父元素的height會增加,以適應后代元素上下外邊距的增加,而相應的,上下外邊距因為父元素height的增加也會增加,如是循環。
3.實踐親測,確是如此
參考原文:https://blog.csdn.net/qq_27437967/article/details/72625900