<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*浏览器编剧为0*/
*{
margin: 0;
}
/*与上方功能一致*/
/*body{*/
/* margin: 0;*/
/* border:solid red 5px;*/
/*}*/
/*.div1{*/
/* margin: 20px;*/
/* width: 100px;*/
/* height: 100px;*/
/* */
/* !*padding:solid 6px;*!*/
/* border: solid 5px rebeccapurple;*/
/*}*/
/*.div2{*/
/* margin: 10px;*/
/* width: 200px;*/
/* height: 200px;*/
/* */
/* !*padding: 7px;*!*/
/* border: dashed 4px darkorange;*/
/*}*/
.div1{
width: 300px;
height: 300px;
background-color: #178cfa;
border: solid 1px #b18621;
/*padding-left: 150px;*/
/*padding-top: 150px;*/
/*上右下左*/
padding: 150px 0 0 150px;
}
.div2{
width: 100px;
height: 100px;
background-color: #fac237;
/*margin: 100px;*/
}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
</div>
</div>
</body>
</html>
原文：https://www.cnblogs.com/zxy01/p/13207590.html