Question

我发现自己放置了大量的div，图像和内容以及位置：相对于我正在遵循的设计。

例如，如果我想将表格放在靠近顶部的地方，我会放入：

.form_class{
    position:relative;
    bottom:150px;
}

由于元素在通量中保持其位置，因此我必须将每个其他元素放在150px以上的位置：相对于保持间隙闭合。

我觉得这是一个草率的编程，真正的网络集成商如何定位他们的元素？

提前致谢。

Answer 1

使用相对定位存在潜在问题。

如果您使用相对定位来规避间隙问题，问题仍然存在于后台。例如，如果差距来自边际，那么保证金仍然存在。如果您不知道保证金来自何处，您不知道它是否在所有浏览器中都相同，并且您不知道标记中是否有任何看似无关的更改可能会改变保证金。

另外，正如您所提到的，您只是将元素顶部的间隙移动到元素的底部，因此您必须不断调整后面的所有元素。每次调整都可能会增加另一级别的不安全感，其中布局可能会在另一个浏览器中中断。

大多数浏览器都有一个开发人员工具，您可以在其中检查元素以确切了解哪些CSS应用于元素，以及边距和填充是什么。您可以使用它来找出间隙的来源，以便您可以在源头删除它们而不是绕过它们。

Answer 2

有许多方法可以定位元素，包括边距和填充，绝对定位，浮点数，父容器，显式宽度和高度。没有看到你的标记，很难批评，但通常有比相对定位更好的方法。如果您想发布一些标记，请尝试http://jsfiddle.net