Как я могу расположить элемент относительно фиксированного элемента?

Question

У меня есть это: http://jsfiddle.net/WEyM9/

Как мне разместить мой .content div относительно .header div (чтобы он не шел за заголовком)?Возможно ли что-то подобное без установки фиксированной маржи на .content?

Answer 1

Может быть решение для вас, но вам понадобится дополнительная оболочка:

HTML:

   <div class="wrapper">  
   <div class="header">
            header
    </div>
    </div>   

   <div class="content">
        content
    </div>

CSS:

.wrapper {
 width: 400px;
 position:relative;
 height: 80px;
}

.header {
    width: 400px;
    background-color: green;
    height: inherit;
    position: fixed;    
}

.content {
    width: 400px;
    background-color: magenta;
    height: 400px;
}