爲什麼我的內容溢出了div？

Question

這裏是問題：我有一個HTML：

<div id="container"> 
    <div id="fixedImg"></div> 
     <div id="content" class="clearfix"> 
    asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 
    df<br />asdf <br /> asdf <br /> 

    </div> 
</div> 

和相關的CSS

#container { 
    width: 990px; 
    margin-right: auto; 
    margin-left: auto; 
    padding-top:14px; 

} 
#fixedImg { 
    float: left; 
    width: 300px; 
    background-image: url(../images/pageBg.jpg); 
    background-repeat: repeat-y; 
} 
#content { 
    float: left; 
    width: 690px; 
    border-bottom: solid #000 1px; 
    background-color:#CC0000; 
    overflow:auto; 
} 

但是，當我在任何瀏覽器（IE，Chrome瀏覽器）從 '內容' 的內容使其DIV越來越溢出。

內容div根據窗口高度動態獲取高度（使用JavaScript函數正確獲取它）。文本/內容應該用滾動條格式化。

---

解決方案：

問題是在我的JavaScript函數中結束，在那裏我被分配高度「內容」格行，我分配minHeight，而不是高度。更正的代碼行如下。

document.getElementById('content').style.height = ht; 

現在它的工作正常。我給JavaScript函數如何計算屏幕：

<script language="javascript"> 
function getscreenInfo() { 
var w = window, 
    d = document, 
    e = d.documentElement, 
    g = d.getElementsByTagName('body')[0], 
    x = w.innerWidth || e.clientWidth || g.clientWidth, 
    y = w.innerHeight|| e.clientHeight|| g.clientHeight; 
    ht = y - 197; 

    y += "px"; 
    document.getElementById('footer').style.top = y; // this will keep the 'footer' div below the visible screen. User will look at it only if he scrolls down to the bottom. 
    ht += "px"; 
    //alert(ht); 
//alert (document.getElementById('footer').style.top); 
    document.getElementById('fixedImg').style.height = ht; 
    document.getElementById('content').style.height = ht; 

} 
</script> 

Answer 1

#container{ 
overflow:scroll; 
} 

加入這一行，應該工作。

Answer 2

這裏您probem的解決方案：

，你必須使用：;在DIV + CSS {高度自動}。