1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>无标题文档</title>
6 <style>
7 #box{width:100px;height:100px;background:red;border:10px solid #000; padding:20px 50px 80px 100px;}
8 #div{width:100px;height:100px;background:blue;}
9 /*
10 padding 内填充(padding在元素的边框以内，内容之外，padding同样显示元素的背景)
11 padding-top
12 padding-right
13 padding-bottom
14 padding-left
15
16 可视宽(高):可视宽(高)=border+padding+width(height);
17 */
18 </style>
19 </head>
20 <body>
21 <div id="box">
22 <div id="div"></div>
23 </div>
24 </body>
25 </html>
