如何讓DIV包含兩個內部部分？

我有以下的HTML代碼：如何讓DIV包含兩個內部部分？

<section id="content" class="grid_9"> 
     <div class="block-content grey-bg"> 
     <div class="container_12"> 
      <section class="grid_6 aa"> 
       ... lots of content ... 
      </section> 
      <section class="grid_6 aa"> 
       ... some content ... 
      </section> 
     </div> 
     </div> 
    </section>

當我看到在瀏覽器中存在，因爲我的灰BG類的灰色背景，但它並不包含兩個grid_6部分。其實它就像它裏面什麼都沒有。 teo grid_6部分的區域在灰色背景下溢出。有人能告訴我我做錯了什麼嗎？對不起，我忘了提及我正在使用960網格系統。謝謝。

來源

2013-01-02 Melina

我們可能需要查看一些CSS才能使用該代碼。不，我們需要。當然。 – Kyle

我們需要一個例子（圖片或直播）。向我們展示一些帶有一些類名的隨機HTML在這裏是非常沒有意義的。 – rlemon

@rlemon - 對不起。其實我沒有定義CSS以外的任何東西，除了灰色的BG和CSS這只是讓它灰色。其餘的僅僅是描述寬度的960網格CSS。 – Melina

你需要確保你的<div class="block-content grey-bg">包含其所有的花車。 960.gs通過在其container_#類上應用「clearfix」來完成此操作。如果需要其他元素有這種相同的行爲，你可以手動應用960.gs的clearfix類到元素：

<div class="block-content grey-bg clearfix">

來源

2013-01-02 13:58:34

感謝您的幫助。我添加了clearfix，它工作。 – Melina

嘗試將clear: both添加到塊內容或灰色bg類的css中。

例如：

div.block-content { 
    clear: both; 
}

來源

2013-01-02 13:51:23 DBPaul

在960網格中，您已經擁有**特殊類**'.clear'和'.clearfix'，因此仔細觀察，無需在此情況下創建額外的類。（我知道OP在之後提到了它）+1無論如何 –

哪種瀏覽器，你上觀看它。由於您使用的是HTML5標籤，因此除非您聲明，否則無法在IE上正確呈現。

乾杯，

來源

2013-01-02 14:01:37 Pav

如何讓DIV包含兩個內部部分？

回答

相關問題