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/可以获得良好的开端。