Question

如何利用css实现网页元素精确定位的

Answer 1

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