- 1PS提示：因?yàn)閳D層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號(hào)大全
- 4ACDsee注冊(cè)碼免費(fèi)分享（含ACDsee18、ACDsee10等版本）
- 5Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 7Potato(馬鈴薯聊天)怎么注冊(cè)不了|Potato不能注冊(cè)處理方法介紹
- 8最新的Adobe Illustrator CS4序列號(hào)大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對(duì)方是否已經(jīng)查看
- 11AMD推土機(jī)架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統(tǒng)怎么清除緩存？
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊(cè)碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> 如何處理html、body元的高度問題
如何處理html、body元的高度問題
發(fā)表時(shí)間：2023-08-27 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何解決html、body元素的高度問題，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。首先：html元素和body元素均為塊級(jí)元素。簡(jiǎn)述：有時(shí)我們會(huì)發(fā)現(xiàn)未設(shè)置height: 100%，html、body元素的高度卻為當(dāng)前窗口的高度，看上去像是設(shè)置了h...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何解決html、body元素的高度問題，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。
首先：html元素和body元素均為塊級(jí)元素。
簡(jiǎn)述：有時(shí)我們會(huì)發(fā)現(xiàn)未設(shè)置height: 100%，html、body元素的高度卻為當(dāng)前窗口的高度，看上去像是設(shè)置了height: 100%。
看下面兩個(gè)例子：
例1：
<html>
<head>
<title>demo</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.container {
height: 30%;
}
</style>
</head>
<body>
<div class="container"></div>
</body>
</html>此時(shí)的container的高度為窗口高度的30%，html、body元素的高度均為窗口的高度。
例2：
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.container {
height: 30%;
}
</style>
</head>
<body>
<div class="container"></div>
</body>
</html>此時(shí)container的高度為0，設(shè)置的height: 30%并未生效，html、body元素的高度均為0。
原因：例1未設(shè)置當(dāng)前文檔類型，默認(rèn)啟用兼容模式，兼容模式下的html、body元素的高度即為窗口的高度，而例2設(shè)置了<!DOCTYPE html>，啟用標(biāo)準(zhǔn)模式，而標(biāo)準(zhǔn)模式下的html、body元素的高度均為0。
以上就是對(duì)如何解決html、body元素的高度問題的全部介紹，如果您想了解更多有關(guān)Html5教程，請(qǐng)關(guān)注PHP中文網(wǎng)。
以上就是如何解決html、body元的高度問題的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：如何處理html、body元的高度問題
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1微視是什么？騰訊微視是什么？
- 2qq音樂一樂成名復(fù)活卡如何取得？qq音樂一樂成名經(jīng)常見問題說明
- 3qq音樂一樂成名在什么地方？qq音樂一樂成名玩法說明
- 4360快剪輯如何添加網(wǎng)絡(luò)圖片？360快剪輯添加網(wǎng)絡(luò)圖片圖文說明教程
- 5蝦米音樂親子模式如何用？蝦米音樂親子模式使用圖文說明教程
- 6抖音封殺小豬佩奇是真的嗎？抖音官方回應(yīng)
- 7網(wǎng)易云音樂5周年感恩你的陪伴紀(jì)念票如何玩？
- 8酷狗音樂打擂如何拉票？
- 9微視里面好看的視頻如何保存到手機(jī)上？
- 10微視可以上傳多長(zhǎng)時(shí)間的視頻？微視視頻時(shí)長(zhǎng)
- 11微視里面的背景歌曲都叫什么歌名？微視背景音樂歌名
- 12微視如何上傳本地視頻？微視上傳本地視頻的方法
- 1支付寶不能交水電費(fèi)了嗎 支付寶為什么不能交水電費(fèi)了
- 2人人車怎么收費(fèi) 人人車收費(fèi)規(guī)范
- 3平板電腦wifi無線網(wǎng)絡(luò)設(shè)置圖文說明教程【圖文詳細(xì)說明】
- 43星版iphone6s與臺(tái)積電版iphone6s續(xù)航哪一個(gè)好
- 5華為pay與微信支付哪一個(gè)好 微信支付與huawei pay比較區(qū)別
- 6ios9 bug隱藏?zé)o用應(yīng)用方法
- 7小皮助手安裝失敗怎么辦 小皮助手安卓模擬器安裝失敗處理方法
- 8獵豹瀏覽器搶票不受12306新版驗(yàn)證碼影響
- 9滴滴打屁怎么用 滴滴打屁app使用圖文說明教程
- 10ios9不越獄怎么恢復(fù)短信與照片 ios9不越獄恢復(fù)短信與照片圖文說明教程
- 1110天學(xué)會(huì)php之首天
- 12Access怎么含糊參數(shù)進(jìn)行分頁查詢代碼
