如何让父母div与其有固定位置的孩子一起成长?

时间:2012-08-24 23:51:41

标签: html css

我有这两个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>  

基本上我希望固定的孩子留在父div中,所以每次页面向下滚动(孩子向下移动)时,父div应调整其高度。

是否有css解决方案或我应该在js中制作?

3 个答案:

答案 0 :(得分:1)

Javascript应该这样做。

不要以为css可以做到。

答案 1 :(得分:1)

你无法用CSS做到这一点(遗憾的是,孩子们无法通过CSS控制父母。)

但是,您可以在JavaScript中执行此操作。您可以使用子级.height().width()的值作为值,从父级的角度使用.outerHeight().outerWidth()

这是一个小提琴:http://jsfiddle.net/TfNXs/我在样式中更改了一些内容,使更改更容易看到。

请注意,我只在页面加载时完成;您可能需要考虑bind将该代码添加到#child的大小可能会发生变化的任何事件中。

答案 2 :(得分:0)

你应该尝试应用“overflow:hidden;”你的CSS中的父母。删除“height”属性(或将其设置为“auto”)。