Question

我们总是可以使用position属性来设置相对的绝对值，而不是margin属性吗？或者有什么东西表明使用保证金是必须的吗？也许保证金做了一个位置：绝对/相对/固定不能做？

Answer 1

边距使外部尺寸增大，因此推动其他元素，而定位不会。最重要的是，定位absolute或fixed将元素完全取出de文档流，使其对其他元素的位置没有影响，而定位relative仅移动相对于它应该在哪里。

div { border:5px solid red }

.margin { margin:5px; }
.relative { position:relative;top:5px;left:5px; }
.absolute { position:absolute;top:5px;left:5px; }

<p>Position (absolute):</p>
<div><button class="absolute">bar</button><button class="absolute">foo</button></div>
<p>Margin:</p>
<div><button class="margin">bar</button><button class="margin">foo</button></div>
<p>Position (relative):</p>
<div><button class="relative">bar</button><button class="relative">foo</button></div>

Answer 2

position属性的选项仅用于决定哪些元素影响或不影响其他元素的位置。默认情况下，当您不使用position属性时，每个元素都处于影响预览和下一个元素的相对状态。虽然保证金属性用于使元素保持更多左上方或使它们保持在中间并且也使它们不那么广泛。换句话说，它们是两种不同的属性，它们彼此协作而不是为了同一目的而单独协作。

在CSS中，该位置属性不能做的保证金是什么？

2 个答案: