自适应三列布局问题 为什么最后一个会落下去了，有代码图

Question

这是为什么   我按着视频的来做了

Answer 1

你写的边框也是占宽度的，把width:33.33%改成width:33%;试一试。

Answer 2

<style type="text/css"> body{ margin:0; padding:0;} /*左边*/ .left{ width:33.33%; float:left; height:500px;  background:#333; color:#C60;  border:3px solid #FC3} /*中间*/ .main{ width:33.33%;  float:left;   height:500px;   background:#333;  color:#36C;   border:3px solid #F99;} /*右边*/ .right{width:33.33%;  float: right; height:500px; background:#333; color:#390; border:3px solid #99C} </style>