CSS - 高100％不工作

Question

我有以下的HTML標記：

<div id="all"> 
    <div id="back"> 
     <div id="header">test</div> 
    </div> 
</div> 

下面CSS：

html,body{ 
    height: 100%; 
} 
#header{ 
    height: 100%; 
    background: red; 
} 

demo

而且百分百高度不加工！

Answer 1

爲了使100％身高工作，你需要確保你的父母div也包含身高100％。所以，試試這個：

html,body{ 
    height: 100%; 
} 
#header{ 
    height: 100%; 
    background: red; 
} 
#all,#back{ 
    height: 100%; 
} 

demo

Answer 2

你需要有#header所有家長都height: 100%這個工作。

Answer 3

試試這個

html,body{ 
    height: 100%; 
    min-height:100%; 

} 
#header{ 
    height: 100%; 
    background: red; 
} 
#all,#back{ 
    height: 100%; 
} 

Answer 4

高度：100％意味着將佔據父的整個高度element.In您的方案父div的#ALL和#back沒有自己的身高defined.So你需要給身高：100％給他們也

#all,#back 
{ 
    height:100% 
}