Tag: 母版页面

使绝对定位div扩大父div高度

正如你在下面的CSS中看到的，我想让child2在child1之前定位自己。 这是因为我目前正在开发的网站也应该在移动设备上工作，其中child2应该位于底部，因为它包含我想要在移动设备上的内容之下的导航。 – 为什么不2主页？ 这是在整个HTML中重新定位的唯一2个div，所以这个小改动的2个主页是一个矫枉过正的问题。 HTML： <div id="parent"> <div class="child1"></div> <div class="child2"></div> </div> CSS： parent { position: relative; width: 100%; } child1 { width: auto; margin-left: 160px; } child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; } child2具有dynamic高度，因为不同的子网站可以具有更多或更less的导航项目。 我知道绝对定位的元素从stream中被移除，因此被其他元素忽略。 我试图设置overflow:hidden; 对父母的div，但这并没有帮助，也没有clearfix。 我最后的手段将JavaScript来重新定位两个div相应，但现在我会试着看看是否存在一个非JavaScript的方式做到这一点。