盒子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.shouye{
width: 100%;
height: 35px;
background-color: red;
}
.dier{
width: 100%;
height: 121px;
background-color: yellowgreen;
margin: 0 auto;
}
.disan{
width: 100%;
height: 30px;
background-color: orange;
}
.disi{
width: 1200px;
height: 632px;
background-color: skyblue;
margin: 0 auto;
}
.taoyi{
width:200px;
height: 632px;
background-color:#993300;
float: left;
}
.taoer{
width: 700px;
height: 632px;
background-color: red;
float: left;
}
.taosan{
width: 300px;
height: 623px;
background-color: yellow;
float: left;
}
</style>
</head>
<body>
<div class = "shouye"></div>
<div class = "dier"></div>
<div class = "disan"></div>
<div class = "disi">
<div class = "taoyi"></div>
<div class = "taoer"></div>
<div class = "taosan"></div>
</div>
</body>
</html>
