css - 绝对位置元素的边距是否在另一个绝对位置元素中不起作用？

我有两个股利：

<div class="outer">
    <div class="inner"></div>
</div>

然后我给他们风格：

    .outer{ background:yellow; position:absolute; width:80%; height:80px; margin:0 10%;}
    .inner{ background:red; position:absolute; margin:0 11px; width:100%; height:80px;}

我想要“外部”中的“内部”，以及左侧和右侧都具有11px的空间，但是无法实现，只有左侧具有11px的间隙，“内部”似乎总是与父亲的长度

然后我认为也许将外部填充设置为11px是可以的。但是，它仍然不起作用……

为什么会发生这种情况，那么我该如何解决这个问题呢？

Here is the only case

最佳答案

页边距将等于已经由（width 100%）拉伸到外部DIV的宽度，您可以执行以下操作-link：

.outer{ background:yellow; position:absolute; width:80%; height:80px; margin:0 10%; padding: 0 11px}
.inner{ background:red; height:80px;}

关于css - 绝对位置元素的边距是否在另一个绝对位置元素中不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4518905/