为什么我的DIV在Internet Explorer中的高度不同?

时间:2010-07-02 18:19:13

标签: css html

我的网站的首页在Safari和Firefox中看起来很完美(对我而言)。当我在Internet Explorer(7,8,9)中查看时,2 x 2 div的高度不相等。

我错过了什么?

我的网站在这里: https://www.algxchange.com/home

修正 - 我错过了这些:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

1 个答案:

答案 0 :(得分:0)

slf的链接对您有所帮助。本质上,IE以其无限的智慧决定与浏览器世界的其他部分不同,并且在CSS中指定的宽度(或在这种情况下为高度)包括任何填充和/或边框。因此,在其他所有浏览器中,顶部高度为70px,顶部为5px的盒子将为75px。在IE中,它将是70px(盒子将是65px,然后是5px填充)。

在某种程度上,它有点意义,但是面对W3C规范,否则微软坚持这样做是不负责任的。