洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律
作者:小諾 | 2020-02-04 23:05 |點(diǎn)擊:
查看上面的代碼,結(jié)構(gòu)很簡(jiǎn)單,一個(gè)div,寬度和高度都設(shè)置100%,背景顏色設(shè)置了#ccc。
此時(shí)想象一下在瀏覽器中應(yīng)該顯示一個(gè)背景顏色為灰色的全屏的div,但是,結(jié)果并不是這樣,反而,此時(shí)div的高度是0?。?!
2、問題的解決:
需要給html和body設(shè)置高度為100%,此時(shí)div設(shè)置高度100%才生效,代碼如下
3、問題的原因:
給div設(shè)置高度為100%時(shí),是相對(duì)于父節(jié)點(diǎn)(此時(shí)div的父節(jié)點(diǎn)是body)設(shè)置的,如果此時(shí)只設(shè)置body的高度為100%,結(jié)果發(fā)現(xiàn)body高度還是0?。?!所以此時(shí)再要找到body的父節(jié)點(diǎn)(也就是html),也給它設(shè)置高度即可解決這個(gè)問題。