父母的高度根据相对定位的儿童

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; 
}

谢谢。

2013-02-28 clenemt

当您指定“顶部”时，您将始终移动对象而不会影响父级的高度。这意味着如果你想影响它的高度，你将不得不边缘移动它。

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

2013-02-28 13:30:03 fmsf

所以，即使我把这个相对的孩子与其他div /职位包裹在一起，我也没有办法让父母的身高与孩子的身高和体重一致吗？ – clenemt 2013-02-28 13:40:45

您可以在.relative后添加一个空元素，并将它height到了.relative的top定位。

2013-02-28 13:32:28 hsan

我在另一个类似的问题上看到了这个答案，但我想知道是否有其他一些技巧可供我们使用。 – clenemt 2013-02-28 13:41:28

如果你想用jQuery传递

var positionToTop = $(".relative").css("top"); 
$(".relative").parent().css({"top":positionToTop});

我forked a CSSDeck在这里为你

2013-02-28 13:45:22

我发现，我在一个类似的情况什么工作了，而不是设置top:我设置margin-top:。这将导致父母div适当调整自己。

2014-02-26 19:32:13

回答