<div class="main">   

       <div class="new">

        <div class="title"><h2>新闻中心</h2><a href="#">More&gt;&gt;</a>

        <div class="pic">

       </div>

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

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

    </div> 

css:

.main{

height: 250px;

background-color: #FFFFFF;

margin-top: 5px;

}

.new,.course,.sidebar{

height: 250px;

float: left;

}

.new{

background-color:#CC0000;

width: 340px;

border: 1px solid #CCCCCC;

}

.course{

background-color: #FF6600;

width: 410px;

border: 1px solid #CCCCCC;

margin: 0 7px;

}

.sidebar{

background-color: fuchsia;

width: 230px;

}

后图片就重叠