极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 300px;
height: 300px;
background: red;
color: #fff;
padding: 0px 20px;
margin: 0px 20px;
border: 10px solid red;
}
</style>
</head>
<body>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod placeat beatae nostrum? In quia, quam maiores magnam voluptate deserunt molestiae ab vel blanditiis facilis adipisci! Voluptate dicta vel architecto obcaecati.</div>
</body>
</html>大神们，我有几个问题，让我很混乱，求大家帮小白解答一下
一，下面这个图里面，这两个div表示的是不是不同的东西？ 左边箭头的div是不是指盒模型（内容+边距+边框），右边的就是指div内容？
二，默认情况下，浏览器使用的是w3c盒模型，我看了一下和box-sizing:content-box 效果一摸一样。 那么是不是 w3c盒模型就是box-sizing:content-box？ 那么反过来说是不是ie盒模型就是box-sizing：border-box？
一， 左侧的div是指这个元素是div，而右侧的div指的是这个css规则是应用到div元素上的，不对等，但是有关联，
二， css3默认的是box-sizing:content-box, ie没试过，不过应该也是一样的