固定位置(标题)...需要更正位置的所有后续部分吗?

时间:2017-05-28 11:10:21

标签: html5 css3 css-position fixed

HTML5 / CSS3
更好地理解编码的问题,新手

修复了我在portview顶部的标题。它工作得很好,但是从现在开始我必须更正所有后续的部分/ div 以将其置于屏幕上的位置,我想拥有它。
这种行为对我来说很有意义,因为 position:fixed / absolute 将元素从流中取出。
但是...... 有没有办法再次进入正常流程,所以我不需要告诉每个元素的位置:相对或绝对应该留在哪里?这是事实,即使我使用 position:fixed / absolute ,我必须更正以下所有内容/部分/ div? 你如何处理这种情况?
这对我来说不是一个大问题,但它会炸毁我的代码并使其变得更加丑陋。如果没有必要,我想避免它......

2 个答案:

答案 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;
    }