css - 删除和添加元素时关于 CSS 定位的建议

Question

我有 3 个输入和一个图像(与 xy 和 z 测量有关)。它们的位置都是相当自发的，所以我使用 left 和 top px 值来使它们准确。到目前为止，我使用的是相对定位。

我的问题是，当我更改复选框时，我隐藏了 z 输入并更改了图像。当我这样做时，一切都以可怕的方式发生变化。页面底部也有大量空白，这可能是因为图像使用了负的顶部值。

我应该使用绝对定位还是其他什么东西？

谢谢，

瑞克

fiddle :http://jsfiddle.net/WY2DX/52/ (使用 SCSS 可能是 CSS 问题 :s)

Answer 1

假设您需要添加和删除元素，您可能不应该使用相对定位。相对意味着在定位方面元素不会从 DOM 中移除，因此一个元素的大小和位置将影响下一个元素。

Learn CSS Positioning in Ten Steps是一个很棒的教程，它让您了解不同的定位方法。我相信您正在寻找的是第 4 步，父容器的 position:relative，然后是 x、y 的 position:absolute , 和 z 标签。

编辑:

我不是很清楚你的例子应该如何工作，但我想知道标签是否真的意味着自发定位或者图像是否是？您可能还想考虑让标签正常定位，并为图像使用 position:absolute ？

http://jsfiddle.net/vh5pY/3/