王尘宇

1. 盒模型

在CSS盒模型中，每个元素都被视为一个矩形的盒子。盒子由内容、内边距、边框和外边距组成。IE浏览器和谷歌浏览器在盒模型的计算上有所不同。在IE浏览器中，盒子的宽度包括了边框和内边距，而在谷歌浏览器中，盒子的宽度只包括了内容。这意味着在IE浏览器中，设置div的宽度为100px时，实际上div的内容区域只有80px，而在谷歌浏览器中，div的内容区域正好是100px。

2. 文本溢出

当div中的文本超出了其宽度时，IE浏览器和谷歌浏览器的处理方式也不同。在IE浏览器中，文本会自动换行，而在谷歌浏览器中，文本会溢出到div外部。为了解决这个问题，可以在CSS中使用“text-overflow: ellipsis”属性，使文本溢出时显示省略号。

3. 最小宽度

在设置div的最小宽度时，IE浏览器和谷歌浏览器也有所不同。在IE浏览器中，最小宽度包括了边框和内边距，而在谷歌浏览器中，最小宽度只包括了内容。这意味着在IE浏览器中，设置div的最小宽度为100px时，实际上div的内容区域只有80px，而在谷歌浏览器中，div的内容区域正好是100px。

4. 兼容性

IE浏览器和谷歌浏览器的兼容性也有所不同。由于IE浏览器的盒模型计算方式与W3C标准不一致，因此在编写CSS时需要特别注意。而谷歌浏览器符合W3C标准，因此在编写CSS时可以更加自由地运用各种属性。

总结归纳

IE浏览器和谷歌浏览器在div宽度属性上的不同主要体现在盒模型、文本溢出、最小宽度和兼容性方面。在编写CSS时需要特别注意IE浏览器的盒模型计算方式，同时也要考虑到谷歌浏览器的兼容性。为了实现更好的兼容性，可以使用CSS reset来消除不同浏览器之间的差异。