如何将显示位置从绝对更改为相对？

Question

我正在创建一个网站here。在HTML中我有两行：

<span class="header_text">Trapped in payday loans?</span>
<span class="header_text2">We can help you!</span>

课程.header_text和.header_text2在css.css中定义，属性为position: absolute。

1. 如果我将CSS位置从绝对位置更改为相对位置会更专业吗？

2. 如何将位置从绝对更改为相对？当我这样做时，文本出现在页面的错误部分。

Answer 1

1. 您为了功能而更改它 - 也不是更多专业。

2. position: relative。虽然它可能会出现在页面的错误部分，因为它的偏移不再适用。

Answer 2

这取决于你想要实现的目标，没有更多专业人士，这两个价值观都是为了达到目的，但它们是不同的。你不能只为另一个换一个。

但是，如果您为absolute更改relative，则很可能您必须在HTML的其他位置放置相关元素才能达到相同的效果（如果可能的话）。

For completeness：

  

<强>相对
  布置所有元素，就好像元素没有定位一样，然后调整元素的位置，而不改变布局（从而为元素留下一个间隙，如果它没有被定位）。 position:relative对table-*-group，table-row，table-column，table-cell和table-caption元素的影响未定义。

     

<强>绝对
  不要为元素留出空间。相反，将其定位在相对于其最近定位的祖先或包含块的指定位置。绝对定位的盒子可以有边距，它们不会随着任何其他边缘而崩溃。

最大的区别是，使用absolute定位的元素将从正常页面流中取出（这就是为什么不留空间）。

Answer 3

始终坚持绝对，相对不是很专业，通常愚蠢的人只是炫耀他们可以用奇怪的布局来打动别人。