Question

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

请参阅页面底部的“Get Princess Newsletter”。

简报＆lt; form id =“newsletter-validate-detail”＆gt;＆lt; / form＆gt; Firebug在Firefox中找不到它。它似乎不在静态流程中，但它的孩子，即h2，.newsletter-text和.newsletter-paragraph都显示正常，但是在他们的父母的外面，是.footer-newsletter的白盒子。

这引起了我的问题，因为我无法将表单放在.footer-newsletter里面，这是一个2px border-radius的2px边框白色背景框，是它的父级。

到目前为止，我尝试过：

溢出：隐藏为.footer-newsletter
position：static for＃newsletter-validate-detail
位置：相对于＃newsletter-validate-detail
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%;
}

CSS元素在静态位置之外？

1 个答案: