我用表单构建了一个页面，由于某种原因，表单的按钮和页脚元素未显示在页面上。
我添加了一个链接，以便您可以签出我的代码。而且我知道这很重要！因此，如果您可以给我有关CSS和HTML的任何提示，请随时告诉我。
http://jsfiddle.net/jeramiewinchell/j6n0w1tj/
enter code here
最佳答案
编辑中的公平点。我说那是一团糟，没有给予任何积极的评价。
以下是一些可以改善HTML的技巧（带有参考链接）：
您应该指定一个文档类型（例如：<!doctype html>），而不要使用空的<!DOCTYPE>标记。
http://www.w3.org/TR/html-markup/syntax.html#doctype-syntax
最好用<html>包装所有内容，并用<head>包装标题和链接。我尚不清楚不使用它们是否在技术上有效（W3C HTML验证程序将在没有<head>的情况下不验证页面，尽管它将在没有<html>的情况下进行验证），但这很好，并且可以帮助保持组织状态。
链接应具有指示mime类型的类型（在本例中为type="text/css"）。
http://www.w3schools.com/tags/tag_link.asp
关闭空元素（例如：img，链接，输入）在HTML5中不是强制性的，但在XHTML中是强制性的。根据您选择的文档类型，应相应地将其关闭。最后使用/>对HTML5和XHTML均有效，因此您可能需要考虑使用它。
http://www.456bereastreet.com/archive/201005/void_empty_elements_and_self-closing_start_tags_in_html/
不要嵌套<p>标签。段落是只能包含措辞内容的块元素（=不能包含块/段落元素）。解决方法：将<p class="site_section1">替换为<div class="site_section1">。
http://www.w3.org/TR/html5/grouping-content.html#the-p-element
始终关闭您打开的块标签。例如，您永远不会关闭<p class="site_section1">（尽管正如我在上一点中所述，您应该将其设置为<div> ...，然后将其关闭）。浏览器中的结果可能无法预测。
我在上面的评论中提到过（很抱歉，我不知道英语的名字），您应该避免交叉标签/标签嵌套。这是不正确的：<label>...<select></label>...</select>，应为<label>...</label><select>...</select>。
同样，这不是强制性的，但最好在value标记中设置<option>属性。如果不指定值，则发送的值将是<option>标记之间的内容（在这种情况下，可能就是您想要的内容）。
不要忘记所有代码并正确关闭标签！像这样的事情：<button type="submit">Save</buttons </div>可能会带来灾难性的结果（尽管对我来说看起来更像是错别字）。
不要两次关闭标签（例如：您两次</body>
对于CSS（还有一些参考链接）：
避免不必要的样式。例如：border-radius:0px是不必要的，因为边界半径的默认值是0（除非您已经定义了以前的样式并且想要覆盖它）。
http://www.w3schools.com/cssref/css3_pr_border-radius.asp
如果值不为0，则需要指定单位。例如：margin-left:15是px还是em中的15？
http://www.w3.org/TR/CSS21/syndata.html#length-units
值是0时，单位是可选的。某些人发现它更易读，并且更好，因为它更短。我个人喜欢他们。您的电话，但始终：
保持一致：如果您将零值的单位省略，请在所有定义中都使用。对我来说，在padding:0旁边看到margin:0px（无单位）看起来很尴尬。它将帮助您以后阅读和维护代码。
您可以将许多样式合并在一起。例如：.zonelist23，.zonelist24和.zonelist25相同，您可以仅定义一种样式（例如：.zonelist_bml30）或将它们全部设置在一起：.zonelist23, .zonelist24, .zonelist25 { ... }
不是强制性的，但很不错：font-family标记应具有多个名称，作为“后备”系统。这样，如果浏览器不支持第一个字体，它将转到下一个，依此类推。
http://www.w3schools.com/css/css_font.asp
出于好奇：您是要放入样式表.header还是header？我个人尝试避免使用与标签同名的类/ id，以使代码更易于理解，但这是个人选择。据我所知，没有什么可以反对将类命名为标签。
一种乐趣和学习的方式（您现在可能认为我有一种奇怪的乐趣和学习的方式）：
转到W3C HTML Validator。
单击“通过直接输入验证”选项卡。
在框中复制您的代码。
点击“验证”按钮。
查看第一个错误，并阅读注释（请访问链接以供参考）。
根据您阅读的内容修复代码。
点击“重新验证”按钮。
重复步骤5-7，直到没有发现错误为止。
（您可以对W3C CSS Validator中的CSS进行相同的操作）
关于html - 无法在页面上看到我的表单按钮或页脚，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25496351/