asp.net-mvc-3 - Cssフォームがページに収まらない

Question

私のすべてのページで、私のコンテンツは本文に適合しています。

しかし、私がフォームを持っている場合、それらはフッターを越え、ボディはサイズ変更されません：

問題はどこだ？

Answer 1

<form>フォームにはおそらく多くの浮動要素が含まれているため、これをCSSに追加することをお勧めします。

form {
    ...

    overflow: hidden;
}

Answer 2

私は今週、似たようなことを経験しました。使ってみてください

<div style="clear:both"/>

ページ内にコンテンツをカプセル化します。

<div id="mainDiv">
content 
 <div style="clear:both"/>
</div>

Answer 3

問題は明らかにフォーム内の浮動要素にあります。現在この問題の「ベストプラクティス」であるNicolasGallagherによるmicroclearfixを使用して修正できます。

http://nicolasgallagher.com/micro-clearfix-hack/

オーバーフローを使用しないでください：非表示。要素をフォームからオーバーフローさせたい場合は、問題が発生する可能性があるためです。（例：選択）。また、テーブルはレイアウトに適していません。また、空のdivをクリアする必要はありません。