CSS to achieve a similar fixed floating div thast always on top of other divs - like stackoverflow does?

Question

I\'d like to achieve a similar effect as the one in this image:

Basically, I want to have a div as a menu bar that\'s always on top - the div beneath it being

Answer 1

You need to use the position: fixed; property for #top div.

#top {
  position:fixed;
  top:0px;
  width:100%;
  height:70px;
}