CSS代码异常，关于浏览器/分辨率的位置不同
提问于 2017-05-23 14:36:19
几个月来，我一直在一个网站上使用同样的CSS代码。而且，无论浏览器和屏幕分辨率如何，它都能完美地保持图像和文本位置。
我现在已经将相同的代码移到了另一个站点，它看起来给CSS带来了问题，因为浏览器和屏幕分辨率都将img和文本移动到不同的位置。
你能给我报告一下我可能输入的代码错误吗？谢谢。
.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; }
回答 1
Stack Overflow用户
发布于 2017-05-23 15:26:49
通过添加以下内容即可解决：
轮廓{宽度: 600px；边距:0自动；填充: 0；}
wrapper { float: left；背景：#fff；宽度: 600px；边距:0！重要；边距：-15px 0 0 0；/* IE hack */ paddings0；}
内容{ float: left；width: 600px；height: 439px；}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44137801
复制相关文章
腾讯云开发者
