我几乎和CSS一样陌生，而我现在正在尝试做的只是为小型企业设计一个非常简单/基本的启动或登陆页面。
以下是该网站的网址：My site
现在，如果您使用任何浏览器，让我们说google chrome并缩小或者（ctrl - / +）您将注意到网站布局开始“分裂”，因为我的所有div都开始转移。我显然不想要这个，只是希望当人们放大或缩小时网站保持不变，就像所有好网站一样哈哈。
我知道它必定与定位有关，但我不能把它当作生活或我。昨晚我花了几个小时浏览类似的问题，但我可以搞清楚。
我不会发布代码以占用更多空间，我假设因为我给了你你可以从那里检索代码的URL。
我还有一些更小的问题：
1）如果你在chrome上打开我的网站，或者你会注意到在页面底部的“条款和条件”之后，网站就会结束。但是，如果你继续使用firefox，你会注意到在“条款和条件”之后，背景可以说会持续一段时间。为什么这样，我该如何解决？
2）你会注意到在不同的浏览器中元素的定位略有不同。 最值得注意的是，如果你看起来或chrome / firefox然后是Internet Explorer 9，你会注意到“条款和条件”略高于chrome或ff，因此略微触及主要内容区域。有没有办法解决这个问题？
3）什么是中心div的有效，有效的方法？例如，我想将“注册”按钮居中放置在主要内容区域中。我几乎只是在盯着它并使用相对定位来居中它。什么是更准确的中心方式？
谢谢，对不起，如果这些问题看起来有点多余。如果你需要任何澄清我会像鹰一样监视这个问题。
干杯
答案 0 :(得分：12)
放大或缩小时，由于舍入和文本渲染，您将遇到问题。最好确保布局能够在不缩小的情况下经受一段时间的拉伸。
相对定位受到＃1中提到的问题的影响，因此不可靠。
查看使用某些内容删除各种浏览器将应用的属性。您可以使用reset为您提供更实用的功能，或尝试normalize这些值，使其在浏览者之间更加均匀。
对于（水平）居中，您有一些选择：
除了试图摆脱相对定位之外，我建议您不要明确设置body元素的高度。通常，您希望元素管理自己的大小，这样他们就会更健壮。
如果您现在使用“position：relative”因为这是您知道如何使用的，我建议您尝试使用“float：left”（或右侧），或更改显示类型（display：inline-block） 。这可能有助于您开始朝着正确的方向前进。
答案 1 :(得分：1)
不确定你的观点1＆amp; 2，但至于3我将要使用的是以下div我想要居中，然后使用width : some-percentage; margin-left : 100-(some_percentage)*0.5 ;，其中一些百分比是我想要使用的宽度。
答案 2 :(得分：-3)
在修复放大和缩小问题之前提出了一些建议。
<div>来包装文本。 <h1>标记