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

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>