CSS的高度100%為什么不生效呢？

body的height:100%

css中的height: 100%是相對于父元素，當(dāng)我們設(shè)置div{height: 100%}，發(fā)現(xiàn)div的高度并沒有發(fā)生變化。
原因是因?yàn)閐iv的父元素的高度沒有設(shè)置，所以：

html,body {
    height: 100%;
}

html的高度等于瀏覽器的高度，這樣div的高度就等于了父元素的高度了。

元素的height:100%

需要父元素指定具體高度值，如height: 100px，子元素的height: 100%才會(huì)生效

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,805評論 1贊 92
  • CSS 是什么 css(Cascading Style Sheets)，層疊樣式表，選擇器{屬性:值；屬性：值}h...
    崔敏嫣閱讀 1,509評論 0贊 5
  • 本文主要是起筆記的作用，內(nèi)容來自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,663評論 0贊 30
  • 朋友找我聊天，說她感覺自己這二十多年白活了，一事無成反倒落了一身的病。我說，別這么悲觀，你只是犯了常人都會(huì)犯的錯(cuò)誤...
    道恩閱讀 229評論 0贊 0
  • 生活離不開麻煩。 生活必需品的購買，油鹽醬醋的瑣事，生活中出現(xiàn)的小問題，你不解決有可能成為災(zāi)禍的源頭。 習(xí)慣成自然...
    A把時(shí)間當(dāng)做朋友閱讀 414評論 0贊 4