设置为float的形式
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/csss; charset=utf-8" />
<style>
.left{
width:20%;
height:500px;
float:left;
background:#ccc;
}
.right{
width:20%;
height:500px;
float:right;
background:#ddd;
}
.center{
width:20%;
height:500px;
background:red;
left:0;
right:0;
margin:0 auto;
}
</style>
</head>
<body>
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</body>
</html>
效果如下图
布局测试代码