我可以更好地重写这个布局吗？

Question

我觉得我没有正确地写这个，这是我在这个性质上的第一个布局。 我有一个网站，有几个背景贯穿整个屏幕。内部容器为960像素，然后居中。

唯一的问题是每个具有不同背景的部分都需要自己的外部和内部div。

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

                       富              

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

Answer 1

到目前为止，代码看起来还不错。出错太简单了。现在我唯一想改变的就是5个班级

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

合并到一个类inner-section-container并将此类应用于相应的元素，而 for now 则对所有这些类执行相同的操作。