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

을 가운데 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; 

} 

헤더가 고정되어 있기 때문에 고정되어 있습니다. 문서 흐름에서 벗어 났으므로 아래로 이동하라는 지시가없는 한 모든 요소가 그 아래에 나타납니다.

트릭은 헤더 요소와 동일한 높이의 여백을 갖는 것입니다.

Answer 2

는 모든 float:left을 넣어 시도하고 u는 화면으로 제공 할 수있는 경우는 그것이