CSS大師，我可以讓我絕對定位的子元素強制主父母的身高嗎？

Question

這是很難解釋。

我有一個絕對定位的浮動輔助內容框。

它在所有情況下都很棒。

除提交表格並且不填寫字段（請參閱here，並推送發送）。該框展開顯示錯誤，在頁腳下方有一個空格。我能給出的最好的例子是看到它在行動（上面的鏈接）。我玩過min-height，但效果不太好。如果我能幫忙，我還想避免在發生表單錯誤時使用代碼擴展頁腳。

我應該放棄絕對定位嗎？並嘗試利潤率？有沒有其他辦法可以使它起作用？

Answer 1

不。這是絕對的一點是，他們不影響父母。

我建議不要使用絕對定位元素來處理任何動態內容。

在你的情況下，我會嘗試將兩個主容器左側浮動，並使用負頂邊距來將輔助內容div備份。

總有js，如果你不想重新編碼你的css，但從長遠來看，改變你的css會更好。

Answer 2

我接受Ben's answer，但我還是決定說明我不得不採取的步驟......

首先，我改變了內框float: right，具有margin: -50px 40px 40px 0;。這將內盒放在正確的位置上方，但父母已摺疊。

我在#content下添加了一個元素與clear: left，以使父級展開到左側內容的高度。

然後，我不得不將元素完全放置在頁腳中，因爲它們被插入框的高度壓低（任何人都知道更好的方法來做到這一點？）。