这里将content中设置margin-left:200px与padding-left:200px的效果是一样的，怎么解释？

margin-left是外边距，是盒子与盒子之间的距离，上一节视频中讲的用margin-left:200px，意思不应该是：content这个盒子与sidebar这个盒子左边相距200px吗？但效果却是content这个盒子与mainbody这个祖先元素的左边框相距200px

哈喽姑娘

2016-03-18

源自：网页布局基础 4-6

关注问题我要回答

461

操作

收起

1 回答

wcl叶子雨回答被采纳 +3 积分
2016-03-18

因为我们把mainbody已经设置成相对定位，设置偏移量时content就会相对mainbody偏移。sidebar只是一个固定不动模块可以当它不存在。

在这里margin-left和padding-left一样的效果是因为它没有设置边框，添上边框就看得出来效果

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

收起回答

哈喽姑娘提问者

非常感谢！

2016-03-28 回复有任何疑惑可以回复我~

0/150

提交

取消

网页布局基础

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

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

进入课程

这里将content中设置margin-left:200px与padding-left:200px的效果是一样的，怎么解释？

我要回答关注问题

热搜

最近搜索清空

这里将content中设置margin-left:200px与padding-left:200px的效果是一样的，怎么解释？

1 回答

这里将content中设置margin-left:200px与padding-left:200px的效果是一样的，怎么解释？