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

时间:2017-01-09 22:42:19

标签: javascript html css resize overlapping

我对编码很陌生,并且根本不知道如何解决这个问题,并且非常感谢一些帮助。

我正在创建一个虚拟简历;有一些内容在浏览器调整大小时不断重叠,我尝试的任何内容都会阻止它......

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

到目前为止我的工作是在codepen上托管的;这是链接...

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

SELECT (COUNT (*) FROM t_customer))/(Count (*) FROM t_customer WHERE customer_x=99))

这个头衔似乎与其下面的文字重叠;但我希望它保持在上面而不是重叠;就像浏览器是全尺寸的......

请帮助

***** **** EDIT

我也非常希望找到最简单的方法来对齐我的所有内容 - 因为我似乎无法弄清楚如何做到这一点。

但最大的问题是重叠。

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

请帮助。感谢。

1 个答案:

答案 0 :(得分:0)

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

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

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