我有这两个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中制作?
答案 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”)。