高度的div等於「0」

我有一個非常簡單的html代碼：高度的div等於「0」

<body> 
     <div id="container"> 
      <div id="left"> 
       some text here 
      </div> 
      <div id="right"> 
       and some text here 
      </div> 
     </div> 
    </body>

和風格：

div#left { 
    float: left; 
    background: #e2e2e2; 
} 

div#right { 
    float: right; 
    background: #1469ab; 
}

我想有DIV的#container的等於高度它的內容高度，但現在它實際上是0.如何實現這種行爲？

來源

2010-11-15 Kai

[哪種方法可能重複'clearfix'最好？]（http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best） – 2010-11-15 11:17:13

，應以非結構性結算到容器像easyclearing http://www.positioniseverything.net/easyclearing.html

否則，你也可以指定height: auto; overflow: hidden到容器

來源

2010-11-15 11:17:25

overflow：hidden;是唯一需要的東西。 – Marwelln 2010-11-15 11:26:36

這並不總是在IE中工作。您可能需要添加縮放：1;要正確地跨瀏覽器。此外，因爲這不是一個標準的CSS規則，最好將其放入一個有條件的CSS文件中。 – 2010-11-15 11:59:54

laurencek，通常Internet Explorer已經使autoclearing（我不知道在IE9），但easyclearing是最好的交叉瀏覽器技術，afaik。 – 2010-11-15 12:02:15

添加overflow:auto您#container

來源

2010-11-15 11:17:58 tobiasmay

高度的div等於 「0」

回答

相關問題

高度的div等於「0」