CSS在标题后显示信息？

Question

我的css文件中有很多div。现在我在我的html页面中显示了一个正确的布局，但是存在一个严重的问题：如果我在中心div中显示信息，它只显示部分信息，而其他信息被标题覆盖。

这意味着中心div不是在标题之后开始，而是用标题开始，因此数据显示在标题后面。背后是两者的代码。

#header{ 
/*background-color: #3B5998;*/
 background-image:-moz-linear-gradient(center bottom , #ebebeb, #999999);
    background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#ebebeb));  
height:60px;
position:fixed;
left:0;
width:100%;
}



#center { 
margin-right:200px;
background-color:white; 
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
color:black;

}

这里有什么遗漏会导致这个问题吗？此帖子附有一个图像，显示图像仅显示而不显示在其上方的文本。如果我添加3，它显示文本。

Answer 1

将margin-top: 60px;添加到中心div。

#center { 
margin-right:200px;
margin-top: 60px;
background-color:white; 
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
color:black;

}

因为你的标题是位置：固定;它已从文档流程中删除，因此除非给出向下移动的指令，否则任何元素都将出现在其下面。

诀窍是让margin-top与header元素的高度相同。

Answer 2

尝试为所有人设置float:left，如果你可以作为屏幕截图给出最好的解决方案