基于相对位置的孩子的父母身高

Question

css 是一个了不起的东西，除非你被阻止并且你还没有获得啊哈哈的时刻。

今天，我无法将包含相对定位元素的父级 div 的高度缩放到正确的高度。这是因为孩子们正在使用房产。top

现在我知道top相对定位元素是如何工作的，并且我明白为什么它不包含正确的高度值。

我想知道的是：
“是否可以将这个顶部属性包含在我的父级的高度中，而不切换到填充或边距？”

这是我的代码的小提琴：http://cssdeck.com/labs/unfeydw0
或者下面的简单代码：

html:

<div>
    <div class="relative">
    </div>
</div>

CSS：

.relative {
    position: relative;
    top: 42px;
    height: 40px;
    width: 100%;
    background: red;
}

谢谢。

Answer 1

我发现在类似情况下对我有用的是top:我设置的设置margin-top:。这将导致父 div 适当调整自身大小。

Answer 2

当您指定“top”时，您将始终移动对象，而不会影响父级的高度。这意味着如果你想影响它的高度，你必须用边距来移动它。

所以你的答案是：“不，这是不可能的”。这是规范：http://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins