1.如果没有<!doctype html>会发生什么
IE浏览器会触发怪异盒模型；
2.怪异盒模型会如何解析宽高？
解析为实际给定的宽和高，不包括边框，内边距
3.标准盒模型实际宽高的计算方式：
border+padding+width/height(给定宽高)
4.怪异盒模型与标准盒模型的转换属性：box-sizing
值：border-box为怪异盒模型
content-box为标准盒模型，默认值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div {
height: 100px;
width: 100px;
border: 20px solid #000;
padding: 20px;
background: #f00;
box-sizing:border-box;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
怪异盒模型的显示效果
93
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
