CSS для достижения одинакового фиксированного плавающего div всегда поверх других div-ов, как это делает stackoverflow?

Question

Я бы хотел добиться эффекта, подобного изображенному на этом рисунке:

введите описание ссылки здесь http://img843.imageshack.us/img843/8328/floatingheader.png

По сути, я хочу, чтобы div в качестве строки меню всегда был вверху - div под ним является контейнером div для моего контента. Щелкнув по любой ссылке в строке меню, можно изменить только содержимое в контейнере.

Answer 1

Вам необходимо использовать свойство position: fixed; для #top div.

<div id="top"></div>

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

Answer 2

Вам нужно иметь div и назначить классы CSS:

.className {
width: 100%;
position: fixed;
top: 0px;
height: 75px;
}

Тогда на вашем div есть: <div class="className">Whatever</div>