爲什麼我的div消失？

在CSS當我給我的div高度百分比值的股利完全消失，繼承人什麼IM做爲什麼我的div消失？

<html> 
... 
... 
<div id="logcontainer"> 
    <div><div> 
    <div></div> 
</div>

這不是實際的HTML，但它概括了我嘗試做的，繼承人我的CSS

#logcontainer { 
    width:100%; 
    min-height:100%; 
    margin: 0px; 
    padding: 0px; 
    background-color: #7f7f7f; 

    }

只要高度有一個百分比值股利消失，寬度的作品，但沒有高度？當我用EMS或REM它完美的作品，任何想法？

來源

2014-02-15 David Mendienta

塞汀一個元件上的百分比大小相對於包含父母的尺寸元件的尺寸使得。除了html/body標籤之外，還包含什麼#logcontainer？ –

除非父母具有定義的身高，否則100％的身高將無法工作。你的？ –

我認爲，所有你需要的是html, body { height: 100% }，如果我理解你的問題的身體100％正確

來源

2014-02-15 20:29:45

設定高度，那麼它會工作。因爲你需要在你的父元素上設置一個100％的高度，在這種情況下你的身體。 div標籤是一個容器，但它包含在body標籤中，不幸的是，在所有的瀏覽器上，它們的處理方式都不盡相同......在某些情況下，它的大小適合瀏覽器的可用空間......在某些瀏覽器的身體標籤的大小適合所需的最小高度以適應當前內容....因此，設置爲100％的div標籤在每個標籤上的大小可能不同......實際上，如果爲空，div標籤甚至可能不會顯示在某些瀏覽器，因爲一個空的機構將是潛在的，0像素高...

 html, body 
     { 
      height: 100%; 
     width: 100%; 
     margin: 0; 
     }

來源

2014-02-15 20:32:25 user2804021

已經用類似的代碼夥伴回答 –

這裏是解決方案：

html, body { height: 100%; }

，但它只是一個解決方案，你需要了解爲什麼Happe的ned，這是因爲你的元素是一個塊級元素，它將你的整個內容寬度和高度寬度作爲100％包裹起來，但是你不需要用高度來指定與內容相關的高度，例如百分比如上體給予100％

enter link description here

來源

2014-02-15 21:37:41

爲什麼我的div消失？

回答

相關問題