为什么按钮,输入与div,a有不同的宽度结果?

Dri*_*udy 3 html javascript css html5 css3

这是js bin http://jsbin.com/ojiJEKa/1/edit

对不起,我的愚蠢的问题,但是,为什么<div><a>具有不同宽度的结果<input>&<button>?即使他们有相同的风格

如何使他们平等?

Sim*_*ias 7

按钮和输入元素默认box-sizing设置为border-box.这意味着填充和边框限定在定义的宽度内.

这不是a和div元素的基础,它们具有正常的box-sizing属性.这意味着填充和边框在宽度的顶部额外添加.

要使它们完全相同,请规范化box-sizingcss属性.