div的高度和宽度到底应该是如何表达的呢？上图
对于一个div的大小的正确方法应该是这样的！我写了个代码让大家看下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>18课div盒子模型的总结</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
div{
width:300px;
height:300px;
background:gray;
border:50px solid blue;
padding:50px;
margin:50px;
}
</style>
</head>
<body>
<div>
1.一个div盒子模型，如果有border,padding,margin的话，那么其到底占据多大的空间.<br/>
2.竖直方向的大小为：height+border-top+border-bottom+padding-top+padding-bottom+margin-top+margin-bottom:(的数值相加) <br/>
3.横着的的大小为：width+border-right+border-left+padding-right+padding-left+margin-left+margin-right的数值相加<br/>
</div>
</body>
</html>
页:
[1]