位置使用不当：CSS中的相对，需要建议

Question

...我的憎恶的截图

jsFiddle：http://jsfiddle.net/ELZD8/

看起来很好，直到我需要更改字段集大小：因为我使用position：relative来表示页面上的每个元素，所以更改字段集会搞砸一切，不好。请原谅我，但我对CSS很新，我知道我使用了太多的代码。

所以，正如你在imgur中看到的那样，它现在看起来很糟糕。解决这个问题的最快方法是什么？我知道它可能与漂浮物和边缘有关：左边和边缘：右边，但是在我去香蕉之前有人可以提供一些见解吗？

欢迎任何意见，欢呼。

Answer 1

轻松修复：

你需要使用正确的div分割，即，使每个部分成为div，然后将元素放在每个div中，否则它就变成了clusterfuck。您还需要按照html中的外观顺序在css文件中列出您的元素，否则查找内容会很痛苦......

不要使用大量<br>，而是使用填充和边距css规则

是的，您可以使用position：relative，但是由于您提出了建议，我强烈反对，构建需要更长时间，更新时间更长，修复时间更长等。使用部分，浮动并保持简单，简单就是你的朋友。

我还建议强烈反对使用fieldset，而是使用<form>代替它，它是一个主要的html / css破坏者imo。

这是在清理/调整代码之后的一个切碎示例。还有一千种方法可以清理和改进它，但至少现在看起来更像是我想要的东西：

http://sotkra.com/stackoverflow/positionrelative/index.html