1.) 左右浮动,中间自适应
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#left{
float:left;
width:200px;
border:1px solid red;
height: 400px;
}
#right{
float:right;
border:1px solid green;
height: 400px;
width:200px;
}
#main{
height: 400px;
border:1px solid blue;
overflow:hidden;
}
</style>
</head>
<body>
<div id="left"></div>
<div id="right"></div>
<div id="main"></div>
</body>
</html>