position:absolute后面的padding-left和margin-left和left区别？

为什么在content的position：absolute后面输入padding-left：20px 或者margin-left： 20px 或者left：220px 显示的结果都是一样？

Helianthuserin

2015-12-03

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

关注问题我要回答

2520

操作

收起

4 回答

一毛钱回答被采纳 +3 积分
2015-12-03

1到2 对1来说2到1的距离是他的外边距，对于2来说2到1的距离是2的内边距，postion为absolute和他的父节点有关系

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

收起回答

Helianthuserin 提问者

非常感谢！

2015-12-03 回复有任何疑惑可以回复我~

qq_安伊偌拉_0
2015-12-03

绝对定位的元素的left是相对于其有定位的最近的祖先元素偏移。margin-left分两种情况，一种是没设置left，则相对于其前一个元素或者是父元素偏移；一种是设置了left，则与left相同。padding-left则是这个元素本身border与内容之间的距离

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

收起回答

Helianthuserin 提问者
2015-12-03

能分别解释下padding-left：20px /margin-left： 20px /left：220px 三种情况都是分别相对哪个对象移动吗？

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

收起回答

一毛钱
2015-12-03

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

如果你的页面只有一个节点，这三个是一样的，要是有多个节点他们就不一样了

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

收起回答

Helianthuserin 提问者

能分别解释下padding-left：20px /margin-left： 20px /left：220px 三种情况都是分别相对哪个对象移动吗？

2015-12-03 回复有任何疑惑可以回复我~

0/150

提交

取消

网页布局基础

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

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

进入课程

position:absolute后面的padding-left和margin-left和left区别？

我要回答关注问题

热搜

最近搜索清空

position:absolute后面的padding-left和margin-left和left区别？

4 回答

position:absolute后面的padding-left和margin-left和left区别？