看看这个网站。
http://testrc-aandis.rhcloud.com/
它纯粹是用css和html构建的。不要担心随机文本。我这样做了。 ：P
一切都很好看。但请继续调整浏览器的大小。一切都搞砸了。我在这做错了什么？我知道的一件事是我经常使用相对定位。我尝试单独定位每个元素。但我在某处读到相对定位并不是一种不好的做法。那么为什么会这样呢？请建议我，以免再次发生这种情况。
PS-I还在html文件中包含了bootstrap，因为我打算使用它们，但是现在还没有使用它们。不确定是否会导致问题。答案 0 :(得分：1)
您的.circle div 200px 宽，并且右边距为14px x 11em = 154px ，每个加上 210px 左边距第一个.circle。这使得 1272px 全部在一起。你怎么能指望你的网站不搞砸了？如果您希望它在较小的分辨率下正常工作，请使其响应或简单地减少边距。
另一件事是菜单.nav。这是一团糟
你应该做以下事情：
text-align: center添加到ul.nav margin-left div .hg属性