固定位置（标题）...需要更正所有后续部分的位置？

HTML5/CSS3
用于更好地理解编码的问题，新手固定位置（标题）...需要更正所有后续部分的位置？

我固定我的portview的顶部头。它工作完美，但从现在起我必须纠正所有以下部分/ div把它在屏幕上的位置，我想要它。
这种行为对我来说很有意义，因为位置：固定/绝对将该元素从流中取出。
但是... 有没有办法再次进入正常流程，这样我就不需要告诉每个元素的位置：它的相对位置或绝对位置应该停留在哪里？是否这是一个事实，只要我使用位置：固定/绝对，我必须更正以下所有内容/部分/ divs？
你如何处理这种情况？
这不是我的大问题，但它打击了我的代码，使之更ugly.If它是没有必要的，我想aviod它...

来源

2017-05-28 Code-trix

您可以根据家长绝对定位位置相对。

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

来源

2017-05-28 12:09:27

呵呵..我也尝试了半天......但它是“点击”我现在满脑子......它的作品你没有说出来的方式... thx .. bro ... :) –

问题是，我没有一个相对的参考点（位置：相对），所以浏览器采取了rootelement（html），这是下一个可用的点。所以我失去了以下容器的所有空间（标题的高度）...结果我试图通过给予**所有以下**容器来获得控制权：属性...这是错误的方式强迫他们进入正确的位置... –

你是浮动和高度的问题，可能这个链接是有帮助的： https://stackoverflow.com/questions/16568272/why-doesnt-the-height-of-a-容器元素的增加，如果-IT-包含浮动的-EL –

只需在另一个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; 
    }

来源

2017-05-28 23:58:02 Amalia

固定位置（标题）...需要更正所有后续部分的位置？

回答

相关问题