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

我正在创建一个网站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。

如果我将CSS位置从绝对位置改为相对位置，会更专业吗？
如何将位置从绝对位置改变为相对位置？当我这样做时，文本出现在页面的错误部分。

来源

2010-12-10 davidjhp

如果完成您要完成的工作，使用绝对位置没有任何问题。你的标题文本看起来很好......只需在`.header_text`和`中增加`left：60px;`（尝试`left：160px`）。header_text2`css规则。 – Lee 2010-12-10 05:55:09

嘿读了这个，这将帮助你..http：//css-discuss.incutio.com/wiki/Absolute_Layouts。阅读相关的部分。 – Egalitarian 2010-12-10 06:02:29

这取决于你想要达到什么样的，有没有更专业，这两个值达到其目的，但它们是不同的。你不能只为另一个换一个。

但是，如果您更改absolute为relative，最有可能您必须将问题中的元素置于HTML中的其他位置以达到相同的效果（如果可能的话）。

For completeness：

相对
铺陈所有元素仿佛元件未定位，并且然后调整元件的位置，而不改变布局（并因此留下间隙的元件，其中它如果没有定位的话）。 position:relative对table-*-group,table-row,table-column,table-cell和table-caption的影响是未定义的。

绝对
不要为元素留下空间。相反，将它定位在相对于其最接近的定位祖先或包含块的指定位置。绝对定位的盒子可以有边距，它们不会与其他边缘一起折叠。

的最大区别在于定位absolute元素取出正常的页面流量（这就是为什么它是说不留空间）。

来源

2010-12-10 05:50:09

你改变它的功能 - 无论是多专业。
position: relative。虽然它可能会出现在页面的错误部分，因为它的偏移量不再适用。

来源

2010-12-10 05:47:22 alex

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

来源

2011-05-25 13:31:25 Johnydep

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

回答

相关问题