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

Question

我有这个：http://jsfiddle.net/WEyM9/

如何将.content div相对于.header div定位（以便它不会落在标题后面）？如果没有在.content上设置固定的margin-top，可能会出现这种情况吗？

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