                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

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

如题所示问题

慕粉1726222764

2017-07-17

源自：CSS深入理解之padding 2-1

关注问题我要回答

1727

操作

收起

4 回答

Apparition
2018-04-27

因为屏幕上面还有绿色的

0 回复有任何疑惑可以回复我~

慕妹3578523
2018-01-08

我根据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 回复有任何疑惑可以回复我~

慕粉1726222764 提问者
2017-07-19

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

0 回复有任何疑惑可以回复我~

qq_我说i_03464907
2017-07-18

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

CSS深入理解之padding

参与学习 52483 人
解答问题 56 个

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

本课相似问答

1 回答padding设置成25%时

3 回答padding:50% 还是 padding:50% 0

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

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

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载