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/

不要使用overflow：hidden;因为如果你想要任何元素溢出表单，它可能会给你带来麻烦。 （例如，选择）。 此外，表格不是布局的好主意，并且不需要清空div。