如何讓父母身高與其固定位置的孩子一起長高？

Question

我有這些2周的div：

<div id="parent" style="border:1px silid;background-color:#fff"> 
    <div id="child" style="position:fixed;width:100px;height:100px; border:solid 1px;"> 
    </div> 
</div> 

Bascally我想固定孩子留在父母的div裏面，所以家長應該DIV每次調整其高度的頁面向下滾動（孩子下移）。

有沒有一個CSS解決方案，或者我應該讓它在JS？

Answer 1

Javascript should do it。

不要以爲CSS可以做到。

Answer 2

你不能用CSS做這件事（孩子不能通過CSS控制父母，悲哀地）。

但是，您可以在JavaScript中執行此操作。從父母的角度來看，您可以使用.height()和.width()，使用兒童的.outerHeight()和.outerWidth()的值作爲值。

這裏是一個小提琴：http://jsfiddle.net/TfNXs/

請注意，我只是做了它在頁面加載;（我的造型進行了一些修改，使修改更容易看到）。您可能需要考慮將代碼添加到#child的大小可能發生變化的任何事件中。

Answer 3

你應該嘗試應用「overflow：hidden;」到你的父母在你的CSS。刪除「height」屬性（或將其設置爲「auto」）。