div的高度不會動態增長

我經歷了大部分帖子，但沒有任何幫助。div的高度不會動態增長

我需要增加div到100％的高度，使其適合窗口的長度，適用於孩子的div了。

#container{ 
    width: 75%; 
    background-color: silver; 
    background-position: center; 
    min-height: 100px; 
    overflow : hidden; 
    margin: 0 auto; 
} 

#header{ 
    background-color:infotext; 
} 

h1{ 
    margin-bottom: 0; 
    color: white; 
} 

#list{ 
    width: 20%; 
    background-color:window; 
    float: left; 
    height:100%; 
} 
#links{ 
    width: 55%; 
}

代碼：

<body> 
    <div id="container"> 
     <div id="header"> 
      <h1 align="center">Represent</h1> 
     </div> 
     <div id="list"> 
      <span><h4>Fruits</h4></span> 
      <hr> 
      <p>Apple</p><br> 
      <p>Mango</p><br> 
      <p>Orange</p> 
     </div > 
     <div id="links"> 
     <iframe src="http://www.google.co.in" frameborder="0"> 
     </iframe> 
     </div> 
    </div> 
</body>

的問題是container div和divs其餘即使iframe尺寸大，因此，scrollbar出現不展開。任何解決方案

另一個問題：

iframe的DIV不佔用全寬。我把20％的#list和55％的#links放在父div #container 75％的範圍內。這不會發生！

來源

2013-02-07 Mercenary

ü要ü要動態地增加DIV寬度當含有添加或固定在什麼瀏覽器窗口？ – Milind

不，在div內有一個iframe，在左邊是列表。我只想要寬度，如果div（包含iframe）填滿整個空間。 – Mercenary

必須設置在<html>和<body>元素，以及要佔據最大高度的子元素height: 100%;：

添加這個CSS：

html, body, .full-height { 
    height: 100%; 
} 

body { 
    margin: 0; // <-- to avoid unnecessary scrollbars. 
}

然後，只需添加full-height類到你想要佔據其容器的整個高度的元素。

您需要提供您的問題的演示或者我不能幫助您與您的所有問題。

雖然一些提示：

不要使用align屬性。它已被棄用。改用CSS浮動。
請勿使用infotext或window CSS顏色值。那些是system colors。所有系統顏色都被棄用，因爲它們只能在某些操作系統/瀏覽器組合中使用。使用valid color keywords之一，或使用十六進制/ rgb表示法。
請勿將<br>標籤用於視覺間距。改用CSS邊距。
不要在類似於<span> s的內聯元素內粘貼塊級元素，如<h4> s。
在極少數情況下，使用iframe是個好主意。嘗試重新思考你的問題，看看你是否能夠提出一種替代解決方案。
使您的#header元素成爲實際的<header>元素。爲了支持IE8，在JS的這個答案的底部添加JS代碼片段。
使您的#list元素成爲一個實際的list element (<ul>)。如果您不喜歡列表的默認樣式，請使用此答案底部的CSS代碼片段重置它們。

JS片段：

document.createElement('header');

CSS代碼片段：

ul.reset, 
ol.reset { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

來源

2013-02-07 05:27:07

他不會得到不必要的滾動條，如果他使用正確的定位，當然，在父容器中使用邊距會讓他陷入麻煩 –

@ Mr.Alien如果你沒有設置''元素的高度爲100％，會導致滾動條其餘量爲0，因爲大多數瀏覽器給''元素一個默認的8px填充。 –

感謝您的提示！事實上，我並沒有把保證金：0放在身體上，因爲所有div的高度都是100％。雖然，margin：0會避免頁面的滾動條。此外，我把溢出：隱藏一個div，因爲它超過了父div，我必須把iframe的高度：100％，以避免iframe的滾動條 – Mercenary

div的高度不會動態增長

回答

相關問題