如何让父母身高与其固定位置的孩子一起长高？

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”）。