...我的憎恶的屏幕截图
jsfiddle：http: //jsfiddle.net/ELZD8/
它看起来很好，直到我需要更改字段集大小：并且由于我对页面上的每个元素都使用 position:relative，因此更改字段集搞砸了一切，糟糕。请原谅我，但我对 CSS 还很陌生，而且我知道我使用的代码太多了。
所以，正如你在 imgur 中看到的那样，它现在看起来就像地狱一样。解决此问题的最快方法是什么？我知道这可能与 floats 和 margin:left 和 margin:right 有关，但是在我去香蕉之前有人可以提供一些见解吗？
任何输入表示赞赏，干杯。
轻松修复：
你需要使用适当的div切片，即把每个section做成一个div，然后在每个div里面放置元素，否则就变成clusterfuck了。您还需要按在 html 中出现的顺序列出您的 css 文件中的元素，否则查找内容很痛苦......
不要使用大量的<br>，而是使用填充和边距 css 规则
是的，你可以使用 position:relative，但既然你征求意见，我强烈反对它，它需要更长的构建时间、更长的更新时间、更长的修复时间等等。使用部分、浮动并保持简单，简单是你的朋友。
我还强烈建议不要使用fieldset，<form>而是使用它，它是 imo 的主要 html/css 断路器。
在对代码进行了相当大的清理/调整后，这是一个切碎的示例。还有一千种方法可以清理和改进它，但至少现在它看起来更像我想你想要的：