调整浏览器大小时内容重叠



我对编码非常陌生,根本不知道如何解决这个问题,非常感谢您的帮助。

我正在创建一个虚拟简历;当浏览器调整大小时,有一些内容一直重叠,我尝试的任何东西都无法阻止它…

我希望内容的大小调整为broswer的大小;如果可能的话。但我不希望内容重叠。。

到目前为止,我的作品是在codepen上托管的;这是链接。。。

这是我的作品http://codepen.io/JRMatthews/pen/RKWjLa

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

这个标题似乎与下面的文字重叠;但我希望它保持在上面,而不是重叠;就像当浏览器是全尺寸时。。。

请帮助

*****编辑***

我也非常感谢找到最简单的方法来集中对齐我的所有内容,因为我似乎不知道如何做到这一点。

但最大的问题是重叠。

如果需要,我可以添加屏幕截图,但CodePen上指向我笔的链接已经插入。

请帮忙。谢谢。

尝试从元素中删除绝对定位,有很多方法可以将元素精确定位在您想要的位置,而不使用绝对位置。

您可以使用text-alignpaddingmargin来更改文本位置。

从CSS代码中删除所有出现的position: absolute

最新更新