视频: 104 JS基础 添加删除记录 添加 2025
无论容器的宽度如何，应该有一些方法可以使表单正确工作。在设计HTML5页面时，CSSS3提供了一个简单易用的机制。
clear属性用于具有float属性的元素。清除属性可以设置为左侧，右侧或两者。将clear属性设置为left意味着你不需要这个元素的左边。换句话说，元素应该在其容器的左边缘。每个标签都应该开始自己的行，所以将其明确的属性设置为左侧。
<！ --1 - >要强制按钮自己的行，将其清除属性设置为两者。这意味着该按钮应该没有左侧或右侧的元素。它应该全部占据一条线。
如果你想要一个元素开始一个新的行，把它的float和clear属性都设置为left。如果你想要一个元素单独在一行上，将float设置为left，并将其清除。
使用clear属性可以让你有一个灵活宽度的容器，并且仍然保持对表单设计的合理控制。表单可以是与页面相同的宽度，并且仍然可以正常工作。这个版本可以工作，不管页面的宽度。
这里是最终的CSS代码，包括标签和按钮中的清除属性：
/ * floatForm。 CSS CSS文件去浮动形式演示使用浮动，宽度，边距和清除* / fieldset {background-color：#AAAAFF;}标签{清除：左;向左飘浮;宽度：5em; text-align：right;保证金：。 5em;} input {float：left; background-color：#CCCCFF;} button {float：left;明确：两者;余量：7em; margin-top：1em; background-color：#0000CC;颜色：#FFFFFF;}
