如何將顯示位置從絕對位置改變爲相對位置？

我正在創建一個網站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

如何將顯示位置從絕對位置改變爲相對位置？

回答

相關問題