div内的相对位置。奇怪的互动

时间:2012-07-28 02:19:11

标签: html

我想在html中复制一个Udacity问题。最初的问题是here。 (*)

我的例子是here。如您所见(**),唯一的问题是单选按钮(***)的位置。我已经看到了使用gimp的位置,并尝试将这些用于html。但是,不仅有一个偏移(它本身是完全可管理的),而且这个偏移因按钮而异。更糟糕的是:似乎存在某种相互作用:删除一些按钮会使其余按钮更接近应有的位置。

我(假设)我可以猜到位置,直到我做对了,但我可能会多次这样做,我宁愿更好地理解这个问题。到底是怎么回事 ?有没有更好的方法来实现相同的结果?

(*)我已经获得了查看来源的建议,并尝试了,而不是太多成功 (**)我在firefox 14和chromium 18上打开文件 (***)他们本来是在北部,西部,东部以及西边的广场上

1 个答案:

答案 0 :(得分:2)

相对定位不是你想要的。相对意味着将元素从其名义位置偏移,但随后将其视为处于原始位置,就其如何影响流中的后续元素而言。

你真正想要的是绝对定位。首先,您需要对容器应用相对或绝对定位(图形div),然后应用于内容的任何绝对定位都将与该容器相关。

当然,这个术语有点令人困惑,因为绝对位置实际上是相对于容器的。