100％高度表格Div

我有一個表格在div中。我需要div來調整窗口的大小，但只有寬度會發生變化。 div和表的定義如下：100％高度表格Div

<div id="chatDiv"> 
    <table align='left' border='1' id='messagetable'> 
    </table> 
</div>

這裏是CSS：

#messagetable { 
    width: 99%; 
    height: 99%; 
    table-layout: fixed; 
} 

#chatDiv { 
    background-color: black; 
    color: yellow; 
    width: 99%; 
    height: 400px; 
    border-style: solid; 
    border-width: 2px; 
    border-color: black; 
    margin-bottom: 20px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    word-wrap: break-word; 
}

有足夠的文本有滾動條出現。

當我將高度更改爲百分比，即高度：100％時，它的行爲就好像該線不在那裏。我的意思是沒有線路的結果是一樣的。

奇怪的是寬度改變了。設置溢出-y：隱藏失敗的目的。

任何想法？如果我需要澄清，請告訴我。提前致謝。

來源

2013-08-21 TAAPSogeking

問題是什麼？你能說出你的意思嗎？ – putvande

爲什麼不給百分比的聊天分區高度？這將根據窗口大小調整大小。 – palerdot

@palerdot我試過了。這是問題 – TAAPSogeking

我希望這是你要找的。明確設置身體的高度並設置div的高度回百分比：

html, body { 
    height: 100%; 
} 

#chatDiv{ 
    height:100%; 
}

演示

Try before buy

來源

2013-08-21 18:55:37 insertusernamehere

@Sogeking你試過[demo]（http://jsfiddle.net/smtMT/）嗎？它在那裏工作嗎？你究竟在努力實現什麼？你希望容器的高度和寬度與視口一樣嗎？然後這應該做的伎倆。或者是別的什麼？ – insertusernamehere

它在您的示例中正常工作，但不在我的代碼中。我用代碼和示例替換了css，但它不起作用。 – TAAPSogeking

@Sogeking是否還有其他的CSS？也許有些東西會被覆蓋？ – insertusernamehere

100％高度表格Div

回答

相關問題