lt！doctype htmllthtmlltheadltmeta charset=quotutf8#39 lttitle設(shè)置DIV的固定大小lttitlelt！一下代碼是設(shè)置DIV固定大小的寬度100像素高度60像素ltstyle type=quottextcssquot #div width100pxheight60pxborder1px solid #f00ltstyleltheadltbodyltdiv id=quotdivquot。

新建一個(gè)html文件，命名為testhtml 2在testhtml文件內(nèi)，使用css設(shè)置頁(yè)面所有的div寬度為300px，高度為300px，div的位置為絕對(duì)定位3在testhtml文件內(nèi)，創(chuàng)建三個(gè)div，并用文字標(biāo)識(shí)，分別為底層div中層div最頂層div。

第一種情況就是寬高都寫(xiě)在樣式表里，就比如#div1width120px這中情況通過(guò)#div1stylewidth拿不到寬度，而通過(guò)#div1offsetWidth才可以獲取到寬度第二種情況就是寬和高是寫(xiě)在行內(nèi)中，比如style=quotwidth120pxquot，這中情況通過(guò)上述2個(gè)方法都能拿到寬度二小結(jié)因?yàn)閕doffsetWidth和id。

具體步驟如下1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個(gè)圖片固定在屏幕上2之后，再把背景圖片的大小自動(dòng)適應(yīng)DIV大小，當(dāng)圖片自動(dòng)適應(yīng)時(shí)，既可以就進(jìn)行縮放3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使。

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

6寫(xiě)樣式用quotpingmuquot開(kāi)始寫(xiě)，給它固定寬高，再添加背景色，讓p自適應(yīng)寬高，超過(guò)部分顯示滾動(dòng)條7將這個(gè)css樣式保存到同級(jí)目錄下，如ceshihtml在c盤(pán)，css樣式也保存在c盤(pán)8保存好樣式后，雙擊這個(gè)ceshihtml頁(yè)面，用瀏覽器打開(kāi)后看到100像素寬高的黑塊DW怎么設(shè)置DIV模塊在頁(yè)面中居中D。