YUI 순수 CSS 고정 폭

Question

누구나 bootcrap과 같은 960 격자와 비슷한 고정 너비/반응 형 디자인을 구현하기 위해 purecss.io를 사용하는 방법을 보여줄 수 있습니까?

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