如何定位一个元素相对于一个固定元素？

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; 
}