IE的Box模型是什么，我经常在网络教程中看到？但我从来没有清楚地理解它。
答案 0 :(得分：2)
在IE 5.5及更早版本以及以Quirks模式呈现的IE的更高版本中，padding放置在内容width内而不是围绕它。
现在，只需使用触发Doctype的标准模式，不要担心。
答案 1 :(得分：0)
它与Internet Explorer解释和呈现CSS的方式有关，Internet Explorer不符合CSS标准，并且导致您的页面看起来可能会有所不同，具体取决于您使用的浏览器。
做一些研究，你会得到这个想法，要解决它，你需要一些练习，因为几乎每次都会对你产生不同的影响。
答案 2 :(得分：0)
答案 3 :(得分：0)
因此，在符合标准的浏览器中，框模型指的是浏览器如何计算元素的总宽度。
考虑以下div：
<div id="zoidberg" style="width: 100px;"></div>
目前，在IE和标准兼容的浏览器中，总宽度为100像素。假设您在框中添加了10个像素的左右边距：
<div id="zoidberg" style="width: 100px; margin-left: 10px; margin-right: 10px;"></div>
目前，在IE和标准兼容的浏览器中，总宽度为120像素（100像素宽，加上左侧10像素的边距）。到现在为止还挺好。这是事情开始变得时髦的地方。让我们为这个无聊的div添加一个边框：
<div id="zoidberg" style="width: 100px; margin-left: 10px; margin-right: 10px; border: 1px black solid"></div>
所以现在我们有一个带边框的真棒div。不幸的是，由于IE不符合标准，因此IE和符合标准的浏览器的总宽度是不同的。从这一点开始，IE的总宽度将是120个像素（100个像素宽，加上左边和右边10个像素的边距）。但是，符合标准的浏览器中div的宽度为122像素（宽100像素，边距为20像素，边框为2像素[左侧为1像素，边框右侧为1像素]。你是否开始看到问题的发展？
嘿，我们的div看起来很奇怪，文字正在触及边界。让我们添加一些填充：<div id="zoidberg" style="width: 100px; margin-left: 10px; margin-right: 10px; border: 1px black solid; padding-left: 10px; padding-right: 10pxl"></div>
很酷，现在看起来好多了。同样，IE中的总宽度为120（宽度为100个像素，加上20个像素的边距）。但是，在符合标准的浏览器中，盒子的总宽度现在计算为142像素（宽度为100像素，边距为20像素，边框为2像素，填充为20像素[右侧为10像素，10像素]在左侧。]）
所以为了回答你的问题，IE的盒子模型是IE如何计算元素的总宽度。它忽略边框和填充，只考虑边距和宽度。符合标准的浏览器通过添加元素的宽度，边距，边框和填充来计算总宽度。就个人而言，IE的方法使方式更有意义，但它不是标准，所以我们不得不抱怨它。