Question

我有一个宽度为200px的元素。它的左右填充为100px。在IE7，IE8和firefox 4中，它将填充附加到元素width.However，在IE Quirks模式下，填充不会附加，宽度仍然是200px。如何解决这个问题？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#t1{float:left;border:#000 thin groove;width:200px;padding:10px 100px 10px 100px;}

</style>
</head>

<body>
<p id="t1">This is child 1</p>

</body>
</html>

Answer 1

不使用怪癖模式。 Quirks模式使用破损的盒子模型，因此这是该渲染模式的预期行为。

您已经在使用标准模式并使用了正确的doctype声明;是什么导致在IE上触发怪癖模式？

如何在QUirks模式下解决以下问题？

1 个答案: