0

我试图使用填充将图像从 div 的顶部推送 18px。边距或填充都不起作用，并且在比较两个填充之后似乎无论如何都是我想要的。

问题出在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您的 html 中不存在此 ID。

所以我改成footer-middle-left-left-picture了#footer-middle-left-left-image。它现在正在工作

演示

于 2012-12-28T06:32:01.350 回答