<style>
.head{
width: 100%;
height: 200px;
border: 1px solid red;
}
.first{
width:48%;
height: 210px;
border: 1px solid red;
float: left;
}
.second{
width: 48%;
height: 210px;
border: 1px solid red;
float: left;
}
.main{
border: 1px solid yellow;
}
.end{
width: 100%;
height: 200px;
border: 2px solid black;
}
</style>
</head>
<body>
<div class="head">1</div>
<div class="main">
<div class="first">2</div>
<div class="second">3</div>
</div>
<div class="end">4<div>
</body>