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

问题显然在于表单中的浮动元素。您可以使用 Nicolas Gallagher 的 micro clearfix 修复它，目前是该问题的“最佳实践”

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

不要使用溢出：隐藏；因为如果您希望任何元素溢出表单，它可能会给您带来麻烦。（例如选择）。此外，表格对于布局来说不是一个好主意，并且不需要清除空 div。