1. 홈
  2. 질의 응답
  3. 페이지 하단 대신 내용 뒤에 바닥 글이 표시됩니다.

페이지 하단 대신 내용 뒤에 바닥 글이 표시됩니다.

2012-01-02 3 views
1

글쎄 제목 자체에 대해 말합니다.페이지 하단 대신 내용 뒤에 바닥 글이 표시됩니다.

페이지 하단에 바닥 글이 있지만 내용 뒤에 표시됩니다.

현재 문제가 볼 수

: http://inelmo.com가 (당신이 그것을 볼 수 있도록 내가 바닥 글 블랙을 만든)

HTML

<body> 
<div id="header"></div> 
    <div id="wrapper"> 
     <div id="content"> !There is php stuff echoed here! </div> 
     <div id="sidebar"></div> 
     <div id="footer"></div> 
    </div> 
</body>

CSS

#wrapper { 
    width: 902px; 
    margin: 70px auto 0 auto; 
} 

#content { 
    width: 520px; 
    padding: 15px; 
    float: left; 
} 

#footer { 
    background: #000; 
    height: 200px; 
} 

/* Sidebar */ 
#sidebar { 
    width: 336px; 
    float: right; 
    padding: 16px 0 0 0; 
}

출처

2012-01-02 Ilja

답변

4

에 clear: both; 추가하기 바닥 글의 스타일 정의

#footer { 
    background: #000; 
    height: 200px; 
    clear: both; 
}

출처

2012-01-02 17:09:14

+0

일했다, 당신은 "명확한"사용되는지 설명 할 수 기다리는 동안), 나는 5 분에서 답을 받아 들일 수 주셔서 감사합니다? – Ilja

관련 문제

 관련 문제