CSS标题位置:修复了导致主体div消失的问题

CSS标题位置:修复了导致主体div消失的问题,css,position,fixed,Css,Position,Fixed,简而言之,这里有一个问题的例子 请参见标题后面的第一段 html 提前感谢您,因为您将主体的边距设置为30,标题的高度设置为50px。因为主体(边距顶部:30px)不足以清除标题。增加边距值以向下推动第一段 我希望这有助于给一些东西定位:固定的;将使该元素固定到浏览器中放置它的任何位置。由于段落div没有任何位置样式,因此标题将放在其顶部 如果给定每个元素的位置:相对;它们将堆叠在一起 #header { position: relative; top: 0px; he

简而言之,这里有一个问题的例子

请参见标题后面的第一段

html


提前感谢您,因为您将主体的边距设置为30,标题的高度设置为50px。

因为主体(边距顶部:30px)不足以清除标题。增加边距值以向下推动第一段


我希望这有助于给一些东西定位:固定的;将使该元素固定到浏览器中放置它的任何位置。由于段落div没有任何位置样式,因此标题将放在其顶部

如果给定每个元素的位置:相对;它们将堆叠在一起

#header {
    position: relative;
    top: 0px;
    height: 50px;
    width: 100%;
    background: green;}
#body{ height: 3000px; overflow: auto;position:relative; }

你的确切问题是什么?我需要一个固定的标题。始终冻结在页面顶部。您应该选择任何好的答案来关闭此主题。
#header {
    position: fixed;
    top: 0px;
    height: 50px;
    width: 100%;
    background: green;
}
#div_1 {
       margin: 0 auto;
}

#div_2 {
    margin: 0 auto;
}
#body{ margin-top: 30px; height: 3000px; overflow: auto; }
#header {
    position: relative;
    top: 0px;
    height: 50px;
    width: 100%;
    background: green;}
#body{ height: 3000px; overflow: auto;position:relative; }