html - 页脚 div 发挥作用

Question

我正在尝试在我的网站上放置一个页脚，我希望将提交的文本放在一个字段中，但由于某种原因，我的两个 div 没有相处，正如您在这个 JSFiddle中看到的那样。

页脚的所有 CSS 是：

.footer {
  background-image: url('debut_dark.png');
  color: white;
  width: 900px;

  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;

  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}

我找不到它有什么问题。

Answer 1

您需要.contentdata正确关闭 div ..<div>而不是，</div>这意味着.footer在内部.contentdata弄乱了尺寸。

<div class="contentdata">
   <?php echo $content; ?>
</div>

演示在 http://jsfiddle.net/gaby/PfFun/3/

Answer 2

从.footerCSS 中删除宽度。

.footer {
background-image: url('debut_dark.png');
color: white;

margin-left: auto;
margin-right: auto;
margin-bottom: 3px;

padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
}

只是猜测，因为您还没有解释它的外观。