当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！
这在元素宽高为一定比例是比较实用，避免用js设置，主要思路为：
用伪元素::after，设置padding-top50%(基于父元素宽度的比例)，用于撑开高度。
父，子元素用position relative absolute，去掉伪元素的影响，overflow避免高度坍塌
当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！
这在元素宽高为一定比例是比较实用，避免用js设置，主要思路为：
用伪元素::after，设置padding-top50%(基于父元素宽度的比例)，用于撑开高度。
父，子元素用position relative absolute，去掉伪元素的影响，overflow避免高度坍塌
本文标题：margin padding取值形式为百分比
本文链接：https://www.haomeiwen.com/subject/ispacctx.html
网友评论