Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么不';对填充的更改是否会影响IE中元素的宽度?_Html_Css - Fatal编程技术网

Html 为什么不';对填充的更改是否会影响IE中元素的宽度?

Html 为什么不';对填充的更改是否会影响IE中元素的宽度?,html,css,Html,Css,Firefox和Chrome以不同于IE的方式处理填充 对于Firefox和Chrome,当我使用padding时,它被添加到div的总宽度中。对于IE,padding值被忽略,因此CSS不能统一工作。这似乎是一个新的发展,因为它们一直工作相同。乙二醇 #header { width:280; padding-left:10px; padding-right:10px; } 这在Firefox和Chrome中总共提供了300px,但在IE中宽度不变 我该如何处理这个问题?您现

Firefox和Chrome以不同于IE的方式处理填充

对于Firefox和Chrome,当我使用padding时,它被添加到div的总宽度中。对于IE,padding值被忽略,因此CSS不能统一工作。这似乎是一个新的发展,因为它们一直工作相同。乙二醇

#header
{
   width:280;
   padding-left:10px;
   padding-right:10px;
}
这在Firefox和Chrome中总共提供了300px,但在IE中宽度不变


我该如何处理这个问题?

您现在要处理的是一个问题

简而言之,当你的HTML出现问题时,IE会进入怪癖模式,因为它试图找出如何解决这些问题。当它这样做时,它对(决定如何处理宽度、填充、边框和边距的东西)的解释脱离了W3C标准


所以,很有可能你的HTML有问题,你的第一个调用端口应该是。用这个来验证你的HTML。HTML验证后,请使用CSS重试。如果它仍然坏了,回到这里。

添加doctype和修改html标记帮助我解决了这个问题。这是下面的新变化

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"

当然,我使用了开始标记和结束标记,但是没有正确地显示为代码块

您试图设计的HTML是什么。元素会有所不同,因为它可能会使用不同的框模型,或者根据浏览器的不同使用不同的显示模式。看到了吗?顺便问一下,你的目标是哪个IE?