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

Question

私のすべてのページで、私のコンテンツは本文に適合しています。ここに画像の説明を入力してください

しかし、私がフォームを持っている場合、それらはフッターを越え、ボディはサイズ変更されません：ここに画像の説明を入力してください

問題はどこだ？

score 2 · Accepted Answer

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

form {
    ...

    overflow: hidden;
}

score 1 · Accepted Answer

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

<div style="clear:both"/>

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

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

score 1 · Accepted Answer

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

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

3 に答える 3