关于border、padding、margin、content之间的关系

平面上看，borer不是位于padding和margin之间么，为什么老师设置完padding后，border就跟随着图片变了，效果不应该是有一个比图片大（padding那么大小的间距）的实线框吗？

greenydo

2016-03-19

源自：网页布局基础 2-2

关注问题我要回答

505

操作

收起

5 回答

我想做前端大牛
2016-04-22

我看了视频，老师设置的padding是.content的，是整个大盒子的padding不是图片的。

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

我想做前端大牛
2016-04-22

你看老师有没有吧content（也就是里面的内容‘其实我们看到的width和height就是内容的宽和高）的weidth改变了，

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

小贤子
2016-04-14

写一个汉子回。可以这样解释。将回这个字看成两个口大口和小口。border的意思就是写出大口小口的笔画。

padding就是大口的边框到小口的距离，这时候小口是个content。margin的意思是小口的边框到大口的距离，这时的小口依旧是content。

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

qq_TOoMRRWo_0
2016-03-19

border是紧邻着图片的，是给图片加个边

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

qq_邝广元_0
2016-03-19

不是的，你在看清楚，重看一遍

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

举报

0/150

提交

取消

网页布局基础

参与学习 214705 人
解答问题 1756 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

关于border、padding、margin、content之间的关系

我要回答关注问题

意见反馈帮助中心 APP下载