0

我的 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
它会显示文本。在此处输入图像描述

4

2 回答 2

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;

}

因为你的标题是 position: fixed; 它已从文档流中取出,因此任何元素都会出现在它下面,除非得到向下移动的指令。

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

于 2012-09-19T09:38:59.303 回答
0

试着把float:left所有的,如果你能给出一个屏幕截图,最好解决它

于 2012-09-19T09:40:10.103 回答