無法在960.gs容器的背景中着色

我正在使用960.gs（http://960.gs）作爲我的網站的CSS框架，我試圖在.container_12的背景中着色類，而不是我的.grid_12類，我爲每個邊添加了10px，爲網格留出一點空白來呼吸。無法在960.gs容器的背景中着色

我查看了960.gs示例網站，他有一個在y軸上重複的背景，它看起來會擴展，無論這個.grid_12或.grid_16類中有多大或什麼內容。

當我想繪製背景爲白色（而不是在y軸上重複圖像）時，它看起來好像我的.grid_12是浮動的，因此.container_12沒有高度，因此沒有白色背景。

這裏是我的相關HTML

<body> 
    <div id="logoContainer" class="container_12"> 
     <div id="logo" class="grid_12"> 
      <h1>Logo</h1> 
     </div> <!-- end #logo --> 
    </div> <!-- end #logoContainer --> 
    <div class="clear"></div> 
    <div id="menuContainer" class="container_12"> 
     <div id="menu" class="grid_12"> 
      <ul> 
       <li><a href="#" class="selected">Link 1</a></li> 
       <li><a href="#">Link 2</a></li> 
       <li><a href="#">Link 3</a></li> 
       <li><a href="#">Link 4</a></li> 
      </ul> 
     </div> <!-- end #menu --> 
    </div> <!-- end #menuContainer --> 
    <div class="clear"></div> 
    <div id="contentContainer" class="container_12"> 
     <div id="content" class="grid_12"> 
      <p>Content here</p> 
     </div> <!-- end #content --> 
    </div> <!-- end #contentContainer --> 
    <div class="clear"></div> 
</body>

和CSS

/* 960.gs */ 
@import url('reset.css'); 
@import url('960.css'); 
@import url('text.css'); 

#contentContainer 
{ 
    background-color: #fff; 
    margin-bottom: 10px; 
    border-radius: 20px; 
    -o-border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
}

來源

2011-02-25 bafromca

+1爲我介紹960電網系統！很酷的東西 – Slider345 2011-02-25 18:48:14

回答我的問題，<div class="clear"></div>需要是每個.grid_後，不是每個.container_

來源

2011-02-25 17:05:28 bafromca

無法在960.gs容器的背景中着色

回答

相關問題