关于CSS代码的异常，关于浏览器/分辨率的不同立场

Question

我几个月来一直在网站上使用相同的CSS代码。无论浏览器和屏幕分辨率如何，它都能完美地保持图像和文本位置。

我现在只是将同样相同的代码移动到另一个网站，看起来它给CSS带来了问题，因为浏览器和屏幕res都在不同位置移动img和文本。

请您告诉我可能在代码中输入的错误？ THX。

.up { display: block; position: relative; margin: auto; }

.left { display: inline-block; position:absolute; top: 75%; left: 0; }

.right { display: inline-block; position:absolute; top: 75%; left:71.35%; }

.down { display: inline-block; position:absolute; top: 2223%; left: 0; }

.middle { display: inline-block; position:absolute; top: 830%; left: 1.5%; }

.logo { display: inline-block; position:absolute; top: 30%; left: 21.5%; }

.folder { display: inline-block; position:absolute; top: 120%; left: 3%; }

.title { display: block; font: 1.3rem/1.0 Verdana; position: absolute; top: 340%; left: 23.6%; }

.text { display: block; font: 1.05rem/1.2 Arial; color: white; position: absolute; top: 1010%; left: 2.3%; }

.moretext { display: block; font: 0.95rem/1.1 Tahoma; position: absolute; top: 1280%; left: 2.75%; }

.signup { display: block; font: 1.2rem/0.7 Arial Black; color: red; position: absolute; top: 720%; left: 32%; }

.object1 { display: inline-block; position:absolute; top: 305px; left: 32px; }

.object2 { display: inline-block; position:absolute; top: 305px; left: 171px; }

.object3 { display: inline-block; position:absolute; top: 305px; left: 309px; }

.object4 { display: inline-block; position:absolute; top: 305px; left: 448px; }

Answer 1

通过添加这些东西来解决：

outline {width：600px;保证金：0自动;填充：0; }

包装{float：left;背景：#fff;宽度：600px;保证金：0！重要;保证金：-15px 0 0 0; / * IE hack * / padding：0; }

内容{float：left;宽度：600px;身高：439像素; }