CSS 패딩 문제입니다. 패딩이 작동하지 않습니다.

패딩을 사용하여 div 상단에서 이미지를 18px 푸시하려고합니다. 마진이나 패딩 모두 작동하지 않으며 두 패딩을 비교 한 후에 어쨌든 내가 원하는 것처럼 보입니다.CSS 패딩 문제입니다. 패딩이 작동하지 않습니다.

문제는 footer-middle-left-left-image div 태그입니다. 텍스트 1의 여백은 괜찮습니다.

<div id = "footer-middle-left-left"> 
    <div id = "footer-middle-left-left-picture"> 
      <img src = "" alt = "some_text"> 
    </div> 
    <div id = "footer-middle-left-left-text"> 
      If you would like to join our newsletter, please enter your </br> 
      email address below. 
    </div> 
    <div id = "footer-middle-left-left-email"> 
    </div> 
</div>

내가 가진 CSS는 다음과 같습니다 :

#footer-middle-left-left { 
    float: left; 
    width: 483px; 
    height: 175px; 
} 

#footer-middle-left-left-image { 
    float: left; 
    width: 483px; 
    height: 59px; 
    padding-top: 18px; 
} 

#footer-middle-left-left-text { 
    width: 483px; 
    height: 58px; 
    float: left; 
    margin-left: 25px; 
    color: white; 
} 

#footer-middle-left-left-email { 
    height: 58px; 
    float: left; 
    width: 483px; 
}

이

이 어떤 도움을 주시면 감사하겠습니다 여기

는 HTML입니다! 또한 모든 조언, 아무것도 전혀 좋을 것입니다. 이 좋은 ID-명명 규칙 등처럼 나는 HTML에서

출처

2012-12-28 samuraiseoul

후 HTML .. 문제였다 – Sowmya

.. 또한 감사합니다 아주 새로운 그래서 내 문제와 관련이없는 조언 해요 당신은 footer-middle-left-left-picture 가지고 있지만 CSS에서 #footer-middle-left-left-image 당신은 그냥이 버그 아니면 붙여 넣기 코드를 실수로 작성합니까?

http://jsfiddle.net/CmwHu/

출처

2012-12-28 06:31:51 WooCaSh

을하고있다, 내가 너무 오래 내 생각과 간단한 대답을 보지 못했다, 덕분에 많은에 대한 코드를 찾고 있었어요. – samuraiseoul

이것은 최악의 문제 유형입니다. – WooCaSh

패딩 - 탑의 또 다른 문제점은 패딩 하단을 0px로 설정 했더라도 바닥에 패딩을 추가하는 것처럼 보입니다. 여전히 남아 있습니다. div가 18px보다 커야하므로 div를 아래로 밀고 있습니다. – samuraiseoul