CSS元素在静态位置之外？

Question

我在这里有个奇怪的问题：http://www.princessly.com/about-us/

请看页面底部有“获取公主通讯”。

在Firefox中，Firebug找不到时事通讯。它似乎已经脱离了静态流，但是它的子程序，即h2、.新闻稿-text和.新闻稿-段落都显示得很好，但是在他们的父版本. fine新闻稿的白色框之外。

这给我带来了麻烦，因为我无法将表单定位在.fo脚-新闻稿中，这是一个带有2px边框的白色背景框，它的父框是2px边框半径。

到目前为止，我尝试过：

1. overflow:hidden for .footer-newsletter
2. position:static for #newsletter-validate-detail
3. position:relative for #newsletter-validate-detail
4. display:block for #newsletter-validate-detail

但他们都没用。

知道罪魁祸首是什么吗？非常感谢!

Answer 1

你没有正确地清理你的时事通讯部分。添加这个来修复它：

.footer-newsletter:before, .footer-newsletter:after {
  display: table;
  content: "";
  zoom: 1;
}

.footer-newsletter:after {
  clear: both;
}

由于CSS中不存在ID，所以找不到您的表单。对其加以界定，并应显示：

#newsletter-validate-detail {
    display: block;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}