html定位后自动高度,html – 使绝对定位div展开父div高度

我面临着一个挑战，我绝望解决asap。正如你可以看到在下面的CSS，我想让child2在child1之前自己定位。这是因为我正在开发的网站也应该在移动设备上，child2应该在底部，因为它包含我想在移动设备上的内容下面的导航。 – 为什么不是2个母版？这是在整个HTML中重新定位的唯一2个div，因此这个小改动的2个母版页是过度的。

HTML：

CSS：

parent { position: relative; width: 100%; }

child1 { width: auto; margin-left: 160px; }

child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; }

child2具有动态高度，因为不同的子网站可能具有更多或更少的导航项目。

我知道绝对定位的元素从流中删除，因此被其他元素忽略。

我试过设置overflow：hidden;在父div，但那没有帮助，也没有clearfix。

我最后的手段将是javascript重新定位的两个div，因此，现在我将尝试看看是否存在一个非JavaScript的方式这样做。