border那格式不对，border:1px solid red;

<div class="main">

<div class="news">11</div>

<div class="course">22</div>

<div class="sidebar">33</div>

</div><!-- main结束 -->

然后再预览

.main{ height: 250px; background-color: #fff; margin-top: 5px;}

.news,.course,.sidebar{height:250px;float:left;}

.news{width:340px;border:1px solid #E8E8E8;background-color: #9fc;}

.course{width:410px;border:1px solid #E8E8E8;background-color: #ff6;margin:0 7px}

.sidebar{width:230px;background-color: #09f;}

你的代码没有问题，肯定是套用出了问题，或者是什么地方浮动破坏了你的代码结构