静态位置之外的CSS元素？答案

【问题标题】：CSS element outside of static position?静态位置之外的CSS元素？
【发布时间】：2012-02-10 19:24:06
【问题描述】：

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

查看页面底部的“获取公主通讯”。

Firebug 在 Firefox 中找不到时事通讯

。它似乎超出了静态流程，但它的子级，即 h2、.newsletter-text 和 .newsletter-paragraph 都显示良好，但在它们的父级之外，即 .footer-newsletter 的白框。

这给我带来了问题，因为我无法将表单放置在 .footer-newsletter 中，这是一个 2px 边框的白色背景框，其父级为 2px 边框半径。

到目前为止我尝试过：

但它们都不起作用。

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

【问题讨论】：

标签： css

【解决方案1】：

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

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

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

并且没有找到您的表单，因为 ID 不存在于您的 CSS 中。定义它，它就会出现：

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

【讨论】：