与顶部距离top和paddin的区别

position:absolute;top:0;margin-left:200px;

这个代码中，top就可以用，paddin却不行

山楂片大王

2017-01-27

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

关注问题我要回答

709

操作

收起

1 回答

5huM1n 回答被采纳 +3 积分
2017-01-28

你的代码我操作过了，padding是可以用的，你可以试试代码这么写：position:absolute;padding-top:300px;margin-left:200px; 你会发现，content内容相对于最初的位置向右移200px(代码中的margin-left:200px;),向下移300px(代码中的padding-top:300px;) 所以由此可见padding是可以用的，那么为什么你会觉得padding不行呢，那是因为这节的内容中相对已定位的父包含块相对定位必须设置偏移量(也就是top：0或left:200px)，而你没有设置偏移量top:0而只设置padding-top:0;从而出现content内容没有相对父包含块偏移，即你认为的不行。另外top和padding-top是两个不同的概念，如果同时设置top:20px;padding-top:20px;你会发现content内容相对父包含块向下偏移40px; 尝试输入不同的代码试试看吧，加油。