Skip to content

Commit bc70a57

Browse files
Update README.md
1 parent d693fb2 commit bc70a57

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

README.md

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,18 @@
142142
6、盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。
143143

144144
一个元素盒模型的层次从内到外分别为:内边距、边框和外边距
145-
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
145+
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框。(这句回答有争议,期待能有人解答原因QQ1662484899)
146+
147+
延伸:
148+
盒子模型分为两类:W3C标准盒子模型和IE盒子模型 (微软确实不喜欢服从他家的标准)
149+
这两者的关键差别就在于:
150+
W3C盒子模型——属性高(height)和属性宽(width)这两个值不包含 填充(padding)和边框(border)
151+
IE盒子模型——属性高(height)和属性宽(width)这两个值包含 填充(padding)和边框(border)
152+
我们在编写页面代码的时候应该尽量使用标准的W3C盒子模型(需要在页面中声明DOCTYPE类型),
153+
这样可以避免多个浏览器对同一页面的不兼容。
154+
因为如果不声明DOCTYPE类型,IE会将盒子模型解释为IE盒子模型,FireFox等会将其解释为W3C盒子模型;
155+
而如果在页面中声明了DOCTYPE模型,所有的浏览器都会把盒子模型解释为W3C盒子模型。
156+
146157

147158
7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
148159

0 commit comments

Comments
 (0)