Html 如何使父div与其具有固定位置的子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制作吗？

Javascript应该这样做

---

不要认为css能做到这一点。

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

但是，您可以在JavaScript中执行此操作。您可以从父对象的角度使用

.height（）

和

.width（）

，使用子对象的

.outerHeight（）

和

.outerWidth（）

作为值

这里有一个小把戏：（我在样式中做了一些更改，使更改更容易看到。）

---

请注意，我只在页面加载时做过；您可能需要考虑将该代码绑定到

#child

大小可能更改的任何事件。

您应该尝试在CSS中将“overflow:hidden；”应用于您的父级。删除“高度”属性（或将其设置为“自动”）。

次要问题：在第一行，

style=“border:1px silid；”“

应为

style=“border:1px纯黑；”