翻看别人代码的时候，看到 padding-top:70%, 当时不理解这个70%是相对于哪个元素的。查了一下w3school,当margin/padding取百分比的值时，无论是 left/right 还是 top/bottom，都是基于父元素的宽度的。
萌新虽然知道margin/padding设置为百分比是基于父元素宽度的了，但是不知道这有什么用，于是看了看大佬的分析：巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）
在我练习的那个项目里，图片所在的div并没有定义高度，而是使用padding-top占位，效果图如下所示：
可以看到 .bg-image 的高度 height： 0，使用padding占位以显示背景图：
PS:萌新第一次写文章，不忍直视。。。
margin、padding设置为百分比，是相对父元素宽来说的 width设置百分比是相对父元素宽来说的 heig...
翻看别人代码的时候，看到 padding-top:70%, 当时不理解这个70%是相对于哪个元素的。查了一下w3...
Container 以 html box 容器为标准，给容器设置宽高 padding margin padding...
关键点：padding，margin百分比是父级宽度
width,height,padding,margin的百分比是看父级的，width,padding,marigi...
元素的margin（水平和垂直margin）和padding（水平和垂直padding）百分比竟然都是相对于父元素的宽度
1.用padding padding设置百分比时，是相对于浏览器宽度设置的。 思路：将宽度设为百分比，高度为0，设...
当给子元素设置margin-top属性时，如何父元素没有设置padding属性，即padding属性为0，那么会出...
margin/padding的top、bottom使用百分比作单位 元素的margin的top、bottom及pa...
1、padding 内填充 设置后会撑大容器大小，即大小为padding + 容器大小 2、margin 外边距...
本文标题：margin/padding设置为百分比
本文链接：https://www.haomeiwen.com/subject/uwzruxtx.html
网友评论