<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;

}

后圖片就重疊