内容与“position：fixed”重叠

Question

当我在header CSS值下方的代码中提供position:fixed DIV时，content DIV会上升并重叠。如何将我的内容DIV保留在标题下？

这是我的代码：

<div class="header"  style="width:100%; height:50px; positon:fixed;" ></div>    
<div class="content" style="width:100%; height:800px;"></div>           
<div class="footer"  style="width:100%; height:40px;"></div>

Answer 1

为div添加position:fixed属性top:0和.content div margin-top:50px（固定.header div的高度）：

Example