.main{ height:250px; background-color:#FFF9F9; width:1000px; border:#E00509 1px solid;} .news{ width:340px; border:#262525 1px solid;}
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;}
你的代码没有问题,肯定是套用出了问题,或者是什么地方浮动破坏了你的代码结构