Question

如何在HTMl中实现元素的精确定位

怎样才能尽量让网页中的元素在不同的浏览器和不同的分辨率下都能精确定位，怎样才能让元素的位置只适应于网页页面而不是浏览器？
例如下图中的input元素如若以普通的方式进行定位，则在其他的浏览器中，由于对文档内的元素定位处理方式不同，input元素可能会偏离原先的位置而产生下图所示的偏移情况。
求高人指点，怎么才能实现让html元素实现精准定位，即使跨浏览器也不会偏移。（如果可以的话。）

Answer 1

1、先进行全局定义。比如
*{margin:0; padding:0;}
body,div,input{margin:0; padding:0;}（还可以加别的元素进去），各浏览器的不同大部分也就是对于边距的解释不同。
2、实现效果的方法有很多，尽量用科学合理的方法。比如你的这个input，你是用input去贴合一整张大背景图片。但其实可以把你的这个图片中输入框的部分单独做成图片，然后在input的样式表里定义背景。这样就算input跑偏了，也不会出现你图中这样与背景图分离的情况。这种方法虽然繁琐一点，但在方法上却是科学合理的。图片体积也小了，浏览器解释起来也快一些。
3、代码科学规范。不同的写法可能会有不同的效果，也会造成元素移位。比如明明设置了margin-top:10px却不起作用，这就跟上下文的写法相关。这个具体要看情况，不好作出说明。自己摸索吧。