静的な位置からCSS要素が外れていますか？

Question

私はここで奇妙な問題を抱えています：http://www.princessly.com/about-us/

"Get Princess Newsletter"があるページの下部を参照してください。

レター<フォームID = "ニュースレター-検証ディテール" > < /フォーム>はFirefoxでのFirebugによって発見すべき場所ではありません。それは静的な流れから外れているようですが、h2、.newsletter-text、および.newsletter-paragraphはすべて、親の外側、つまり.footer-newsletterの白いボックスとして表示されます。

これは、2px境界線の半径、その親を持つ2px境界の白い背景ボックスである.footer-newsletterの内部にフォームを配置することができないため、私の問題を引き起こしています。

は、これまで私が試した：

1. オーバーフロー：＃ニュースレター-検証ディテールの静的
2. 位置：.footerニュース
3. 位置隠さ＃ニュースレター-検証ディテール用相対
4. display：＃newsletter-validate-detailのブロック

しかし、いずれも機能しませんでした。

犯人はどんな考えですか？どうもありがとう！

Answer 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%; 
}