日期:2014-05-17  浏览次数:20671 次

关于text长宽设置的一个简单疑问
编写简单text代码如下
<input type="text" style="width:300px;height:30px;padding:0 0 0 0;" />
在Ie里测量得到width是320,33
ff里测量得到302,32
chrome里得到304,34
opera里得到304,34

ie实际测量得到的差太多了,
ff里的可以解释,因为上下2个边框2像素加上去就正好
chrome和opera也略微有点怪,多出4个像素,一时解释不通

哪位大侠能大概说说原因,padding:0 0 0 0我都已经设置了还是这个结果
然后第二个问题,如果我硬性要求text的长宽就是我设置的那个,那这时候应该怎么写的

无法精确控制元素长宽让我有点失控和不舒服的感觉,求教各位大侠

------解决方案--------------------
引用chrome和opera也略微有点怪,多出4个像素,一时解释不通

------解决方案--------------------
探讨

引用chrome和opera也略微有点怪,多出4个像素,一时解释不通
用控制台查看元素的盒子模型就很清楚了,边框宽度默认是2px.

------解决方案--------------------
border也会计入width中,input text 默认border,在各个浏览器下解析不同。