我可以更好地重寫這個佈局嗎？

我覺得我沒有正確寫出這個，這是我在這種性質中的第一個佈局。我有一個網站有幾個背景，貫穿整個屏幕。內部容器是960像素，然後居中。我可以更好地重寫這個佈局嗎？

唯一的問題是具有不同背景的每個部分都需要自己的外部和內部div。

Dabblet
http://dabblet.com/gist/2920465

enter image description here 富

<section class="hero"> 
    <div class="hero-container"> 
    Hero content 
    </div> 
</section> 


<section class="popular"> 
    <div class="popular-container"> 
    Header content 
    </div> 
</section> 

<div class="main"> 
    <div class="main-container"> 
    Main content 
    </div> 
</div> 

<footer> 
    <div class="footer-container"> 
    Footer content 
    </div> 
</footer>

來源

2012-06-12 SkinnyG33k

對我來說不好看。 CSS可以使用一些工作，並且儘量避免使用像素來定義維度，但佈局非常正常。 –

使用'代碼'部分，而不是圖像，並提供開始dabblet點[dabblet.com]（http://dabblet.com/） –

改善我剛剛更新了一個dabblet。我無法得到上面的代碼部分完全顯示，它全部縮進5個空格 – SkinnyG33k

到目前爲止的代碼看起來確定。出錯太簡單了。唯一的事情，現在我想改變的是5類

.header-container, 
.hero-container, 
.popular-container, 
.main-container, 
.footer-container

合併成一個inner-section-container和這個類應用到相應的elemnts代替，如現在你這一切階級同樣的事情做。

來源

2012-06-12 23:01:48

Ooooh。是的，我認爲有一個更簡單的方法。這是有道理的。然後，我仍然可以編寫我的CSS，如.main .widget {}，一切都很好。乾杯！ – SkinnyG33k

我可以更好地重寫這個佈局嗎？

回答

相關問題