*{margin: 0;padding: 0;}
body{
color: #ffff;
font-size: 72px;
font-family: "微软雅黑";
}
.parent{
margin-top:0 auto ;
width: 1000px;
height: 600px;
background-color:orange
}
/*div.son{*/
/*margin-top:10px ;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
=border:上 右 下 左*/
/*background-color: orange;
width: 400px;
height: 400px;*/
.son1{
background-color: lightblue;
width: 500px;
height: 600px;
float: left;
}
.son2{
background-color: indianred;
width: 500px;
height: 600px;
float: left;
}
</style>
</head>
<body>
<div class="parent">
<div class="son1">DIV.son1</div>
<div class="son2">DIV.son2</div>
</div>
</body>
</html>
<!--有四层组成：边界margin 边框border 填充padding 内容contact
顺时针top，right，bottom，left -->```
**有四层组成：**
边界margin 边框border 填充padding 内容contact
顺时针top，right，bottom，left
浙公网安备 33010602011771号