调整大小时，网站会搞砸。需要建议

Question

看看这个网站。

http://testrc-aandis.rhcloud.com/

它纯粹是用css和html构建的。不要担心随机文本。我这样做了。 ：P

一切都很好看。但请继续调整浏览器的大小。一切都搞砸了。我在这做错了什么？我知道的一件事是我经常使用相对定位。我尝试单独定位每个元素。但我在某处读到相对定位并不是一种不好的做法。那么为什么会这样呢？请建议我，以免再次发生这种情况。

PS-I还在html文件中包含了bootstrap，因为我打算使用它们，但是现在还没有使用它们。不确定是否会导致问题。

Answer 1

您的.circle div 200px 宽，并且右边距为14px x 11em = 154px ，每个加上 210px 左边距第一个.circle。这使得 1272px 全部在一起。你怎么能指望你的网站不搞砸了？如果您希望它在较小的分辨率下正常工作，请使其响应或简单地减少边距。

另一件事是菜单.nav。这是一团糟 你应该做以下事情：

1. 将text-align: center添加到ul.nav
2. 从margin-left div
中移除.hg属性