글꼴 변경 및 자동 크기 조절을 더한 패딩

그 HTML 몸

html,body { 
    margin:0; 
    padding:0; 
    height:100%; 
    font-family:arial, Helvetica, sans-serif; 
    color:#666; 
    background:url(../images/bg_body.png) repeat-x; 
    font-size:12px; 
}

하지만 글꼴 가족 serif에 arial을 변경, 바닥 글로 설계

div#footer { 
    width:100%; 
    bottom:0; 
    background:url(../images/bg_footer0.png) repeat-x; 
}

로 정의 아래쪽에서 패딩됩니다,이 모든 글꼴 변경 일반적인 것 같아요. 그렇다면 왜 어떻게 변화가 있더라도 하단에 진정으로 바닥 글을 추가 할 수 있습니까?

출처

2012-09-01 Peter Mannings

당신이 할 수 나쁜 것 바닥 글의 동일한 ID를 가진 요소의 다른 유형이없는 경우 절대 위치 아래쪽에있는 텍스트 : 0; 또는 선 높이를 조정할 수 있습니다. –

''bottom : 0'은'position : static'이라면 효과가 없습니다. – Oriol

'line-height' 일 수도 있습니다. 고정 값으로 설정하려고하면 어떤 일이 일어나는지보십시오. 글꼴은 x 높이가 다릅니다. – Maroshii

당신이 그것을 선택할 수 실제로

 div#footer { 
      width:100%; 
      bottom:0; 
      background:url(../images/bg_footer0.png) repeat-x; 
      position: absolute; 
     }

시도 단지

  #footer{}

당신은

출처

2012-09-01 20:54:18

Scott, 고맙습니다. 배경 푸터 이미지를 사용하는 것은 나쁜 접근법이라는 것을 알고 있습니다. div를 사용하여 테두리와 색상을 추가하려고 시도합니다. –

아니요, 배경 이미지는 잘되어야하지만 그 절대 위치는 바닥에있는 작은 여백을 수정해야합니다. 만약 이상한 이유가 없다면, 아래쪽을 사용해야합니다 : -2px; –

글꼴 변경 및 자동 크기 조절을 더한 패딩

답변

관련 문제