html - 如何使父级 div 与具有固定位置的子级一起增长？

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>  

基本上我希望固定的孩子留在父 div 内，所以每次页面向下滚动（孩子向下移动）时，父 div 都应该调整其高度。

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

Answer 1

Javascript应该这样做。

不要认为css可以做到。

Answer 2

你不能用 CSS 做到这一点（遗憾的是，孩子们不能通过 CSS 控制父母）。

但是，您可以在 JavaScript 中执行此操作。您可以使用.height()and.width()从父母的角度，使用孩子的价值.outerHeight()和.outerWidth()作为价值。

这是一个小提琴： http: //jsfiddle.net/TfNXs/（我更改了样式中的一些内容，以使更改更容易看到。）

请注意，我只在页面加载时完成了它；您可能需要考虑将该代码用于' 大小可能会发生变化的bind任何事件。#child

Answer 3

您应该尝试应用“溢出：隐藏；” 在你的 CSS 中给你的父母。删除“高度”属性（或将其设置为“自动”），以及。