inline元素设置padding为50%时为什么我这边试验时是宽度大于高度？-慕课网

首页课程实战体系课手记专栏慕课教程

inline元素设置padding为50%时为什么我这边试验时是宽度大于高度？

来源：2-1 CSS padding负值和百分比值

慕粉1726222764

2017-07-17 18:22

如题所示问题

写回答关注

4回答

Apparition

2018-04-27 10:11:52

因为屏幕上面还有绿色的

0 0
慕妹3578523

2018-01-08 23:29:54

我根据ppt上代码写的，你自己实验就会明白
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>

<div style="width: 150px; height: 200px; margin: 100px; background-color: blue; border: 1px solid black;">
<span style="padding: 50%; background-color: yellow;">
内容有若干字
</span>
</div>

</body>
</html>

0 0
慕粉1726222764

2017-07-19 15:13:04

不是很懂这个回答是什么意思

0 0
qq_我说i_03464907

2017-07-18 08:07:14

因为padding与高度计算的不兼容

0 0

CSS深入理解之padding

本css视频教程中，将深入介绍CSS中padding属性的特点，常用特性

52482 学习 · 56 问题

相似问题

padding设置成25%时

回答 1

padding:50% 还是 padding:50% 0

回答 3

padding:50%是什么意思？求解答

回答 1

等高布局如果超过设定的高度

回答 3

其实padding设置的120px；是不是只要比img的宽的尺寸大就好了。

回答 1

打开慕课网App查看更多内容