調整瀏覽器大小時內容重疊

Question

我對編碼很陌生，實際上不知道如何解決這個問題，非常感謝一些幫助。

我正在創建一個虛擬簡歷； 有一些內容在調整瀏覽器大小時會不斷重疊，我嘗試什么都不會阻止它...

我希望內容隨着瀏覽器調整大小而調整； 如果可能的話。 但我不希望內容重疊..

到目前為止，我的工作托管在 codepen 上； 這是鏈接...

http://codepen.io/JRMatthews/pen/RKWjLahttp://codepen.io/JRMatthews/pen/RKWjLa

<div class='title'> <p>Jordan Matthews</p> </div>

這個標題似乎與它下面的文字重疊； 但我希望它保持在上面而不重疊； 就像當瀏覽器是全尺寸時...

請幫忙

*****編輯****

我也非常感謝找到將所有內容居中對齊的最簡單方法 - 因為我似乎無法弄清楚如何做到這一點。

但最大的問題是重疊。

如果需要，我可以添加屏幕截圖，但已插入 CodePen 上我的筆的鏈接。

請幫忙。 謝謝。

Answer 1

嘗試從您的元素中刪除絕對定位，有很多方法可以將元素准確定位到您想要的位置，而無需使用絕對位置。

您可以使用text-align或padding和margin來更改文本位置。

從 CSS 代碼中刪除所有出現的position: absolute 。