我正在开发一个网络项目。在过去的两周里，我正在进行学期考试，所以我要休息一下。现在，既然他们已经结束了，我又继续我的工作了；但我发现我的一些Web 元素（如按钮、span）在 Chrome 上移动了一些像素（在 IE 和 Mozilla 上则不然）。这背后的原因可能是什么？我该如何克服这个问题？
原始代码: http://jsfiddle.net/p22L15vs/15/embedded/result/ http://jsfiddle.net/p22L15vs/15/embedded/result/
左边距（对于button）对于 chrome 最初是：
-webkit-margin-start:620px;
现在，相同的代码使按钮输入新行。
另一个例子span:
原始代码: http://jsfiddle.net/vbpasx1j/ http://jsfiddle.net/vbpasx1j/
小提琴中显示的文本放置在 span 标签中。两周前，它只需要两条线。现在需要三行。
您好，欢迎来到社区！
首先，在您提供的链接中-webkit-margin-start:按钮的像素设置为 620px，而不是 166。
结合菜单 div 的宽度<div id="div_element">以及元素周围的填充超出了原来的#wrapper宽度为1006px，使按钮元素跳转到下一行。
这是我想到的解决方案的演示：http://jsfiddle.net/kqxmbcdt/ http://jsfiddle.net/kqxmbcdt/减少-webkit-margin-start:到 619px 就可以了。
定位元素时，请始终注意未计算的边距和填充，如您所见，有时 1px 就足以破坏布局。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
