Firefox使用填充添加额外的宽度

Mad*_*dsK 5 css firefox padding

我对Firefox中的CSS有疑问.

如果我设置浮动div的宽度 - 让我们说200px - 在Firefox中将填充左侧设置为10px将在宽度上添加额外的10px.在IE中并非如此.

您可以做些什么来阻止Firefox为div添加额外的宽度?

J V*_*J V 8

这不是firefox的问题,它是IE.

IE不符合标准,有一些技巧,但它们都是痛苦的屁股:http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

最简单的方法是包含有效的严格doctype标记:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Run Code Online (Sandbox Code Playgroud)

然后只需重写符合标准的盒子模型的css

这里有更多的doctypes