1、先給父級(jí)ltdiv設(shè)置寬度像素然后再子ltdiv里，設(shè)置百分比，如圖示代碼原件ltdiv style=quotwidth80pxheight50px border#FF0000 3px solidquot ltdiv style=quotwidth20%height50% border#CC33FF 3px solidquotltdiv ltdiv 復(fù)制到ltbodyltbody之間使用即可。

2、div的100%是從其上一級(jí)div的寬高繼承來的，有一點(diǎn)很關(guān)鍵，就是要設(shè)置div100%顯示，必須設(shè)置其上一級(jí)div的寬度或高度，否則無效舉例說明父divdeman寬300高200，子divcc如果在這個(gè)條件下設(shè)置divcc的寬高都為100%的話，那cc的確切大小就是父div的大小寬300高200，在嘗試中你會(huì)發(fā)現(xiàn)，div。

3、CSS想讓一個(gè)元素的百分比高度height 100%起作用，需要給這個(gè)元素的所有父元素的高度設(shè)定一個(gè)有效值如下所示就可以讓div高度為100%了lthtml style=quotheight 100%quot ltbody style=quotheight 100%quot ltdiv style=quotheight 100%border 1px solid #C00quot ltp 這樣這個(gè)div的高。

4、在文檔流中，DIV的高度默認(rèn)就是根據(jù)內(nèi)容的高度自適應(yīng)的如果是想適配不同設(shè)備的窗口大小，可以設(shè)置百分比或者通過position定位，然后設(shè)置top和bottom值再或者利用css3的flexbox布局，設(shè)置父級(jí)的display為flex，方向?yàn)榭v的，然后設(shè)置其flex1。

5、css樣式是可以覆蓋的下面定義的lineheight26px把上邊的lineheight70px如果想定義div的高度直接寫height70px就行了如果在div里邊寫lineheight70px那么次div中的每一行文字顯示高度都的70px，如果div里邊有兩行文字，那么div的高度就變成70px*2=140px了lt！DOCTYPE html PUBLIC quot。

6、1新建一個(gè)html文件，命名為testhtml，用于講解jquery怎么設(shè)置div高度2在testhtml文件內(nèi)，引入庫(kù)文件，成功加載該文件，才能使用jquery中的方法3在testhtml文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并使用css設(shè)置其寬度為50px，背景顏色為紅色4在testhtml文件內(nèi)，設(shè)置div標(biāo)簽的。

7、lthtml lthead lttitle改變div高度lttitle ltscript type=quottextjavascriptquot src=quotjsjquery183minjsquotltscript ltscript type=quottextjavascriptquot $function 為div設(shè)置邊框 $quot#containerquotcssquotborderquot，quot1px solid grayquot 改變div的高度。

8、如果對(duì)DIV設(shè)置全屏，一般我們就設(shè)置其width寬度樣式為100%這里為了方便理解，DIVCSS5實(shí)例講解DIV全屏實(shí)現(xiàn)對(duì)最外層DIV給予id引入CSS命名為warp同時(shí)為了便于觀察，我們對(duì)div設(shè)置一個(gè)css背景為黑色，高度為80px完整html+css代碼lt！DOCTYPE html lthtml xmlns=quot lthead。

9、html，body height 100% padding 0 margin 0 mother height 100% padding 100px 0 0 boxsizing borderbox A height 100px margin 100px 0 0 background #BBE8F2 B height 100% background #D9C666 ltdiv class=quotmotherquot。

10、CSS設(shè)置div邊框顏色寬度和高度步驟如下1新建一個(gè)html文件，創(chuàng)建一個(gè)類名為wrap的div2先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色沒有邊框時(shí)方便看出來div的大小3通過div 的border屬性控制邊框顏色，設(shè)置border的寬度為2px，線型為實(shí)線，顏色為藍(lán)色4這樣就可以設(shè)置。

11、3中間定義一個(gè)div，設(shè)置滾動(dòng)條自動(dòng) overflow auto 設(shè)置絕對(duì)定位positionabsolute，設(shè)置top和bottom，top的值等于頭部div的高度，bottom的值等于底部div的高度 示例 lthtmllthead ltmeta。

12、這個(gè)方法就大致分為兩種吧，第一種，用CSS的方法 第二種，用JS方法 這里暫時(shí)只演示第一種，如果第二種，另外@我 示例代碼如下CSS代碼第一種寫法 html，bodyheight100% margin0**把HTML和BODY的高度設(shè)置成100%** divheight100% backgroundcolor#ccc**把你DIV的高度設(shè)置成。

13、在HTML中，設(shè)置水平線高度，有兩個(gè)標(biāo)簽border和height，用法如下用border屬性來設(shè)置一條水平線，如代碼ltdiv style=quotwidth500px border1px solid redquotltdivlt！注border 這里指水平線高度使用backgroundcolor來制作一條線，和border基本類似，如代碼 ltdiv style=quotwidth500px。

14、要想對(duì)DIV設(shè)置全屏，一般設(shè)置其width寬度樣式為100%，設(shè)置其width寬度樣式為100%有兩種方案，具體方案如下一方案一 1Htmlltdiv class=quotouterquot ltdiv class=quotAquot 頭部DIV ltdiv ltdiv class=quotBquot下部DIV ltdiv ltdiv 2CSShtml，body height 100% padding 0 margin。

15、分開寫，多嵌套幾個(gè)層，然后把最外層的div模擬成body來使用ltdiv ltdiv id=quotaaaquotltdiv ltdiv id=quotbbbquotltdiv ltdiv id=quotcccquotltdiv ltdiv id=quotdddquotltdiv ltdiv 其中一個(gè)設(shè)置高度 100。

16、如下將三個(gè)DIV的高度都設(shè)置為自動(dòng)，overflowauto，里面的兩個(gè)DIV都要有內(nèi)容，沒有內(nèi)容的時(shí)候是撐不開DIV的，你還可以設(shè)置最大和最小高度，保證DIV內(nèi)容最少也得能撐開容器，最大不會(huì)超過一定的高度從而導(dǎo)致網(wǎng)頁變形也可以在外層大的DIV里面加上floatleft設(shè)置了外層的區(qū)塊之后 高度設(shè)置auto。