固定位置 (header)...需要用位置更正以下所有部分？

Question

HTML5/CSS3
一个新手理解编码的问题

我修复了我的header在端口视图的顶部。它运行良好，但从现在开始我 必须更正所有以下 sections/divs 以将其置于屏幕上的位置，我想要它。
这种行为对我来说很有意义，因为 position:fixed/absolute 将元素从流中移除。
但是... 有没有办法再次进入正常流程，这样我就不需要告诉每个元素 position: relative 或 absolute 它应该停留在哪里？这是事实吗，一旦我使用position:fixed/absolute，我必须更正以下所有内容/sections/divs?
遇到这种情况你是怎么处理的？
这对我来说不是什么大问题，但它会破坏我的代码并使它变得更多 ugly.If 这不是不必要的，我想避免它...

Answer 1

你可以根据父位置相对定位绝对。

<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>

位置根据window页面固定，元素固定在window页面。

<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;">
</div>

Answer 2

只需将 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;
    }

固定位置 (header)...需要用位置更正以下所有部分？

fixed position (header)...need to correct all following sections with position?

html

css

fixed

css-position