自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

網(wǎng)絡(luò)建站知識(shí)

精準(zhǔn)傳達(dá) ? 價(jià)值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律

圖片設(shè)置 height 高度 100%無效的解決方法

作者:小諾 | 2020-02-04 23:05 |點(diǎn)擊:

1、問題的發(fā)現(xiàn):div設(shè)置height高度為100%卻未生效


  1. <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .contentDiv {
                width: 100%;
                height: 100%;
                background-color: #cccccc;
            }
        </style>
    </head>
    <body>
        <div class="contentDiv"></div>
    </body>
     


查看上面的代碼,結(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%才生效,代碼如下
 

  1. <style>
        html, body {
            width: 100%;
            height: 100%;
        }
        ......
    </style>
     

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è)問題。

如沒特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請(qǐng)注明?? "圖片設(shè)置 height 高度 100%無效的解決方法
多一份免費(fèi)策劃方案,總有益處。

請(qǐng)直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設(shè)計(jì) 品牌營(yíng)銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費(fèi)獲得專屬《策劃方案》及報(bào)價(jià)

咨詢相關(guān)問題或預(yù)約面談,可以通過以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶專線:15523356218