Css webkit和moz中的布局问题

Css webkit和moz中的布局问题,css,Css,我的网页中存在布局问题(例如:) 不同浏览器中的定位略有不同(比如2-4像素)。例如,与firefox、seamonkey和opera相比,上面的按钮在chrome或safari中与边框的距离只有几个像素。有没有解决这个问题的方法,使布局在不同的浏览器中看起来几乎相同?首先重置并统一CSS。 检查一下,这是一个好的开始。thnkx@j08691怎么样?哦,thnkxx,,让我看看 <div style="position:relative;width:500px;min-height:

我的网页中存在布局问题(例如:)



不同浏览器中的定位略有不同(比如2-4像素)。例如,与firefox、seamonkey和opera相比,上面的按钮在chrome或safari中与边框的距离只有几个像素。有没有解决这个问题的方法,使布局在不同的浏览器中看起来几乎相同?

首先重置并统一CSS。
检查一下,这是一个好的开始。

thnkx@j08691怎么样?哦,thnkxx,,让我看看
<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>