正如你在下面的CSS中看到的,我希望child2
定位在child1
之前。这是因为我目前正在开发的网站也应该在移动设备上工作,在移动设备上,child2
应该在底部,因为它包含了我想要的在移动设备内容下面的导航。-为什么不是2个母版页?这是在整个divs
中仅有的2个重新定位的页面,所以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
具有动态高度,因为不同的子站点可以有或多或少的导航项目。
我知道绝对定位的元素会从流中移除,因此会被其他元素忽略。
我尝试在父div上设置overflow:hidden;
,但没有帮助,clearfix
也是如此。
我最后的选择是使用JavaScript来相应地重新定位这两个divs
,但现在我将尝试看看是否存在一种非JavaScript的方法来实现这一点。
https://stackoverflow.com/questions/12070759
复制相似问题