另一种三列布局的方法，代码如下，希望指正。
简单来说就是利用float后，紧跟元素会受到影响来布局，只调整了一下box2和box3的 div顺序，中间部分经测试可以自适应宽度，不知道这种方法有没有什么隐患，希望大神指教。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.box1{width:200px;height:500px;float:left;background:#0C6;}
.box2{height:500px;background:#00C;}
.box3{width:400px;height:500px;float:right;background:#C3F}
</style>
</head>
<body>
<div class="box1">box1</div>
<div class="box3">box3</div>
<div class="box2">随着互联网的发展速度迅猛，前端工程师职业越来越火热，想学习Web前端技能吗 ? 该路径从基础知识到实战案例演练，一步步带您快速掌握如何搭建网站静态页面、开发网站交互特效，为您打开WEB前端工程师大门。还在等什么？快来学习吧! </div>
</body>
</html>
