元素的总宽度应该这样计算：
元素总宽度 = 宽度 + 左内边距 + 右内边距 + 左边框 + 右边框 + 左外边距 + 右外边距
元素的总高度应该这样计算：
元素总高度 = 高度 + 上内边距 + 下内边距 + 上边框 + 下边框 + 上外边距 + 下外边距
实例代码：
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:320px;
padding:10px;
border:5px solid gray;
margin:0;
}
</style>
</head>
<body>
<h1>计算总宽度</h1>
<img src="img/R-C.jpeg" width="350px" height="263px" alt="haibao"></img>
<div>上面的图像宽为350像素。此因素的总宽也是350像素</div>
</body>
</html>
运行效果：
评论