当位置是相对的时，元素的填充和边距会改变吗？答案

【问题标题】：Do padding and margin from an element change when the position is relative?当位置是相对的时，元素的填充和边距会改变吗？
【发布时间】：2015-01-26 03:55:25
【问题描述】：

相对定位会相对于正常流动中的位置移动元素。 HTML&CSS：设计和构建网站。约翰·达克特

当一个元素的属性位置是相对的时，您可以使用 top、left、bottom 和 right 属性来相对于它在正常流动中的位置移动该元素。

我想知道的是这些属性是否会影响填充和边距属性。

谢谢

【问题讨论】：

你自己试试看吧？
好问题！我将会。给我一分钟:)

标签： css css-position margin padding

【解决方案1】：

他们没有。填充和边距值将保持不变。

【讨论】：

【解决方案2】：

我一直在测试一些代码，我注意到顶部、左侧、底部和右侧属性不会影响边距和填充属性。如果你给左边属性赋值 10px，然后你给 margin-left 属性赋值 10px，那么你可以获得 20px 到左侧的距离。您可以使用我在 JSFiddle 上测试的代码进行检查：http://jsfiddle.net/ajcremon/3Lqxp0xo/

body {
    width: 750px;
    font-family: Arial, Verdana, sans-serif;
    color: #665544;
    background-color: yellow;
}
p {
    width: 450px;
}
p.example {
    position: relative;
    border: 1px solid red;
}

margin & padding 属性是每个元素固有的。

给top、left、right和bottom属性赋值的结果是在元素和相关边之间创建了一个间隙。

【讨论】：