請(qǐng)幫我看下為什么HTML5頁(yè)面高度用百分比不能用

外面套的div

堅(jiān)守“ 做人真誠(chéng) · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀，專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都成都搬家公司小微創(chuàng)業(yè)公司專業(yè)提供成都企業(yè)網(wǎng)站定制營(yíng)銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版，從內(nèi)容策劃、視覺(jué)設(shè)計(jì)、底層架構(gòu)、網(wǎng)頁(yè)布局、功能開(kāi)發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

給這個(gè)div加個(gè)寬高。

百分比是指相對(duì)父元素來(lái)說(shuō)的，如果你的父元素沒(méi)有寬高，那個(gè)百分比也就不能起作用了。

在HTML5中如何設(shè)置屏幕百分比

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

title景安/title

/head

style?type="text/css"

.head{width:?1000px;height:?200px;margin:0?auto;}

.head-a{width:?30%;height:?200px;background:?blue;float:?left;}

.head-b{width:?70%;height:?200px;background:?orange;float:?right;}

/style

body

div?class="head"

div?class="head-a"/div

div?class="head-b"/div

/div

/body

/html

我們可以使用width：30%和width：70%這樣的形式來(lái)設(shè)置百分比

html5網(wǎng)頁(yè)按比例縮放

meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/

上面的參數(shù)看名知意，按需修改。

web html5 百分之% 是怎么計(jì)算寬度 長(zhǎng)度的方式

子標(biāo)簽的width=父標(biāo)簽的width*百分之%；

子標(biāo)簽的height=父標(biāo)簽的height*百分之%；

html5,有3個(gè)li，我寬度百分比設(shè)置，怎么撐滿屏幕，還是JS設(shè)置，寫(xiě)33.333%不對(duì)吧

就是33.33333%，不是js設(shè)置，是css里面設(shè)置li的width: 33.3333%;

li要float: left;浮動(dòng)后才能在一行，或者display: inline-block之類的。

網(wǎng)站名稱：html5百分比,css百分比布局
本文網(wǎng)址：http://chinadenli.net/article38/dsgjppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)