HTML5 / CSS3
更好地理解编码的问题,新手
我修复了我在portview顶部的标题。它工作得很好,但是从现在开始我必须更正所有后续的部分/ div 以将其置于屏幕上的位置,我想拥有它。
这种行为对我来说很有意义,因为 position:fixed / absolute 将元素从流中取出。
但是...... 有没有办法再次进入正常流程,所以我不需要告诉每个元素的位置:相对或绝对应该留在哪里?这是事实,即使我使用 position:fixed / absolute ,我必须更正以下所有内容/部分/ div?
你如何处理这种情况?
这对我来说不是一个大问题,但它会炸毁我的代码并使其变得更加丑陋。如果没有必要,我想避免它......
答案 0 :(得分:0)
你可以根据父亲的位置相对来定位绝对。
<div style="position:relative;background:#ccc;width:400px;height:400px;">
<div style="position:absolute;left:80px;top:50px;width:200px;height:200px;background:#000 ">
</div>
</div>
根据窗口页面固定的位置,元素在窗口页面中修复。
<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;">
</div>
答案 1 :(得分:0)
只需在另一个div中使用固定div,然后使用第二个使用属性:overflow:hidden;
<div class="parent_fixed_div">
<div class="fixed_div">
</div>
</div>
CSS代码:
.parent_fixed_div{
overflow:hidden;
}
.fixed_div{
position:fixed;
}