什么是怪异盒模型

盒模型分为标准盒模型和怪异盒模型，他们的区别在于计算内容区的不同。 我们来看input标签 这是一个高度相同，边框相同的搜索框和一个提交按钮。给他们写长、相同的高和一个1px的边框。 看 他们在网页中显示的高度现在看起来是不一样的。不止高度不一样提交按钮的长度现在也不是和我定的数值一样。这个提交按钮就是一个怪异盒模型。 标准盒模型宽度实际占有的位置大小： 宽+左右padding+左右border+

>>阅读原文<<