父母的高度根據相對定位的兒童

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

回答