0

パディングを使用して、div の上部から 18 ピクセルの位置に画像をプッシュしようとしています。マージンもパディングも機能していません.2つのパディングを比較した後、とにかく私が欲しいもののようです.

問題はfooter-middle-left-left-imagediv タグにあります。ただし、テキストのマージンは正常に機能します。

html は次のとおりです。

<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;
}

どんな助けでも大歓迎です！また、どんなアドバイスでも、何でもいいでしょう。私はかなり新しいので、私の問題に関係のないアドバイスも大歓迎です.これは良いID命名規則などです.

4

2 に答える 2

1

htmlにはありますfooter-middle-left-left-pictureが、css#footer-middle-left-left-image にはこのバグですか、それとも貼り付けコードを間違えただけですか?

http://jsfiddle.net/CmwHu/

于 2012-12-28T06:31:51.863 に答える
1

#footer-middle-left-left-imageこの ID は HTML に存在しません。

だから私はに変更footer-middle-left-left-pictureしました#footer-middle-left-left-image。それは今働いています

デモ

于 2012-12-28T06:32:01.350 に答える