Question

我尝试使用填充从div的顶部推送图像18px。边距或填充都没有工作，并且在比较两个填充之后似乎是我想要的。

问题出在footer-middle-left-left-image div标签上。文本上的边距可以正常工作。

这是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命名约定等。

Answer 1

在html中，你有footer-middle-left-left-picture但在css #footer-middle-left-left-image 是这个错误还是你只是在粘贴代码上犯了错误？

http://jsfiddle.net/CmwHu/

Answer 2

#footer-middle-left-left-image此ID不存在于您的HTML中。

所以我已将footer-middle-left-left-picture更改为#footer-middle-left-left-image。它现在正在运作

<强> DEMO

CSS填充问题，填充不起作用

2 个答案: