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

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并将这个类应用于相应的元素，因为现在你对所有这些类做同样的事情。