狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

height:100% 不起作用的原因

freeflydom
2023年7月14日 14:44 本文熱度 919

為什么寫的height:100%不起作用?

按照w3c中的width和height屬性,可以明確%設(shè)定寬高是根據(jù)父元素的寬高來的:

 

<div style="height:100%;">height:100%;</div>

如圖:


事實(shí)上,瀏覽器根本就不計(jì)算內(nèi)容的高度,除非內(nèi)容超出了視窗范圍(導(dǎo)致滾動(dòng)條出現(xiàn))?;蛘吣憬o整個(gè)頁(yè)面設(shè)置一個(gè)絕對(duì)高度。否則,瀏覽器就會(huì)簡(jiǎn)單的讓內(nèi)容往下堆砌,頁(yè)面的高度根本就無需考慮。 因?yàn)轫?yè)面并沒有缺省的高度值,所以,當(dāng)你讓一個(gè)元素的高度設(shè)定為百分比高度時(shí),無法根據(jù)獲取父元素的高度,也就無法計(jì)算自己的高度。 即父元素的高度只是一個(gè)缺省值:height: auto;我們?cè)O(shè)置height:100%時(shí),是要求瀏覽器根據(jù)這樣一個(gè)缺省值來計(jì)算百分比高度時(shí),只能得到undefined的結(jié)果。也就是一個(gè)null值,瀏覽器不會(huì)對(duì)這個(gè)值有任何的反應(yīng)。


%是一個(gè)相對(duì)父元素計(jì)算得來的高度,要想使他有效,我們需要設(shè)置父元素的height; 要特別注意的一點(diǎn)是,在之中的元素的父元素并不僅僅只是,還包括了。 所以我們要同時(shí)設(shè)置這兩者的height,只設(shè)置其中一個(gè)是不行的:

     html,body{

        height: 100%;

        margin: 0;

        padding: 0;

    }



該文章在 2023/7/14 14:44:08 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved