css padding 50%代表什么意思？

答案:5 悬赏:40

解决时间 2021-01-14 17:16

提问者网友：玫瑰园
2021-01-14 06:22

最佳答案

二级知识专家网友：舊物识亽
2021-01-14 06:43

padding 简写属性在一个声明中设置所有内边距属性。
padding 50% ，上下左右填充50%

无标题文档

* { margin:0; padding:0; }

#div1, #div2 { width:100px; height:100px; margin:10px; padding:50%; border:1px solid #0CF;}

去掉padding:50%,浏览器显示效果：

运行以上代码测试看效果

全部回答

1楼网友：鱼芗
2021-01-14 09:48

内边距为本身的一半。这种单位在CSS大师的字典里没用到过。

2楼网友：躲不过心动
2021-01-14 08:42

这么神奇..居然padding:50%，按盒模型来讲，这属性说不通，如果宽度300px; 高度300px;而且padding:50%，就是左右上下各有150px;的间距，加上本身应该是600*600，但是实际整体盒模型长宽就是，1800px * 1800px;

3楼网友：人類模型
2021-01-14 08:34

内边距50%的父元素单位

4楼网友：一叶十三刺
2021-01-14 07:37

代表内边距为父元素尺寸的一半，这种自己动手一试马上就能弄明白的问题不应该到处问别人，学习是靠自己。
.div1{
background: red;
width:200px;
height:200px;
}
.div2{
background: blue;
width:100px;
height:20px;
padding-right:50%;
}
<div class="div1">
<div class="div2"></div>
</div>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！