如何定位一個元素相對於一個固定元素？

Question

我有這樣的：http://jsfiddle.net/WEyM9/

如何將我的相對.header DIV .content 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; 
}