CSS調整父DIV大小，如果絕對子DIV超出邊界

我有一個父div是指定的寬度和高度。如果我有一個內部的小孩div，這是超出界限，有沒有辦法讓父div調整大小，以適應子div？CSS調整父DIV大小，如果絕對子DIV超出邊界

EX：

<div style="width:500px; height:500px; position:relative;"> 
    <div style="width:300px; height:300px; position:absolute; top:250px;"> 
    Some Content 
    </div> 
</div>

正如你可以看到在這個例子孩子的div將50像素溢出底部父DIV。我不想使用overflow：auto，因爲它只是創建滾動條。我真的想要父div調整並添加50px的高度來彌補孩子div。

來源

2011-03-04 Jeff Thomas

看看這個。

http://jsfiddle.net/jURc9/8/

你想從父頂推孩子下來250像素，這樣做沒有用top:250px。使用margin-top:250px;和position:relative;

來源

2011-03-04 01:24:45 Kyle

如預期的解決方案可能無法在所有情況下：如果你添加段落開始，保證金是段落和子DIV，而不是父DIV和子DIV之間， – 2011-03-04 01:29:03

@Prince我更新小提琴允許寬度進行調整。看看內聯的CSS來看看我做了什麼。 – Kyle 2011-03-04 01:29:49

@Aleksi你是對的，但根據給出的信息，這是一個可以接受的解決方案。如果需要，他可以絕對定位「p」。 – Kyle 2011-03-04 01:30:54

CSS調整父DIV大小，如果絕對子DIV超出邊界

回答

相關問題