YUI pure css固定寬度

Question

有人可以告訴我一個如何使用purecss.io來實現固定寬度/自適應設計的例子，類似於像引導等960網格嗎？

流體寬度根本不會對我特別的設計工作，這裏是我目前有：

<nav class="pure-u" id="menu"> 
     <div class="pure-menu pure-menu-open"> 
     <a class="pure-menu-heading" href="/">HOME</a> 
     <ul> 
      <li class="pure-menu-selected"><a href="#">Clients</a></li> 
      <li><a href="#">Company</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">Service</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
     </div> 
    </nav> 

    <div class="pure-u-1" id="main"> 
     This is the main content area   
    </div> 
    </div>   

</body> 

我需要上面裹着含DIV其中心有一個固定寬度爲960，但根據需要作出相應調整...

任何想法？

問候， 亞歷

Answer 1

希望這有助於：http://jsfiddle.net/pX7bD/。 這個想法是將所有東西都包含在一個具有固定最大寬度和自動水平邊距的div中（因此它居中）。

#wrapper { max-width: 960px; margin: 0 auto; }