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>
原文：http://www.cnblogs.com/hduhdc/p/5225509.html