css - webkit 和 moz 中的布局问题

Question

我的网页布局有问题(例如:)

<div style="position:relative;width:500px;min-height:300px;background:red">
  <input type="text" style="position:absolute;top:20px;">
  <input type="buttton" style="position:absolute;bottom:2px;right:2px">
</div>

不同浏览器的定位略有不同(比如大约 2-4 像素)。例如，上面的按钮在chrome或safari中比firefox、seamonkey和opera离边框有几个像素。是否有解决此问题的方法，以便布局在不同浏览器中看起来几乎相同？

Answer 1

首先重置并统一您的 CSS。结帐http://html5boilerplate.com/一个好的开始。