业余Z指数问题

Question

我有一个（希望）快速的问题。我试图使用z-index，但是当我滚动div时，索引不跟随页面。 CSS＆amp; HTML在下面，希望有人可以帮助业余爱好者。 HTML：

    <!--If you would like to see the direct files, just ask!-->
<div id="head_div"> <center><p id="head_p"> Welcome, UoC Reader! -Jack P</p>   </center></div>
<div id="left_div_mainpage"></div>
<div id="right_div_mainpage"> </div>
<div id="footer"> </div>

#head_div {
  background-color: maroon;
  height: 90px;
 z-index: 1;
 margin-bottom: 10px;
   }
#head_p {
color: white;
font-family: Georgia;
font-size: 25px;
position: relative;
display: inline;
}
#left_div_mainpage { 
background-color: MidnightBlue;
height: 900px;
width: 150px;
float: left;
 }
#right_div_mainpage

是的，div使用在线编辑器链接到CSS，我之前听说过。

感谢您的帮助！

Answer 1

如果您希望#head_div在滚动时跟随您的页面，则需要添加位置：固定到您的元素：

{{1}}

http://jsfiddle.net/sLooza5q/