兩個div離開接下來的兩個底最後一個頂部和底部

Question

格對齊方式正確 是NT到來一樣，當我做

看到這個圖像

我想像這樣的圖像與div標籤對齊，不幸的是，當我對齊它不像這樣，
如何leyout一個div標籤內的所有圖像>？

這裏是我的html代碼

<div class="site_contents"> 
    <div class="header"> 
    <div class="big_logo"></div> 
    <div class="work_nav"></div> 
    <div class="testimonial"></div> 
    <div class="cliants"></div> 
    <div class="testimonial"></div> 
    <div class="contact"></div> 
    </div> 
</div 

這裏是我的CSS代碼

.site_contents { 
    height:auto; 
    width: 900px; 
    background-color: #666; 
    margin:0 auto; 
} 
.header { 
    background-color: #3CF; 
    height: 262px; 
    width:100%; 
    clear:both; 
    position:relative; 
    border:2px solid #000; 
} 
.header div 
{ 
    float: left; 
} 
.big_logo{ 
    background-color: #06C; 
    height: 262px; 
    width: 459px; 
    background: url(images/sitetemplate_header.gif) 0 -21px; 
} 
.work_nav { 
    background-color: #F00; 
    height: 159px; 
    width: 170px; 
} 
.testimonial { 
    background-color: #3F9; 
    height: 104px; 
    width: 170px; 
} 
.cliants { 
    background-color: #09C; 
    height: 262px; 
    width: 171px; 
} 
.contact { 
    background-color: #30C; 
    height: 262px; 
    width: 101px; 
} 

可以在任何一個可以幫助我，請

Answer 1

這幾乎是你想要的。 http://jsfiddle.net/

你需要小心一些事情。

1. work_nav和testimonial需要在一個單獨的其中div我已經包括（container2）

2. 總寬度需要調整。我也改變了它。你可以玩它來根據你的需要做出來。

3. 我已經包含邊框以識別每個框。您應該刪除這些邊框，並且必須從當前總寬度中減去邊框所佔的寬度。這意味着再次調整當前寬度。