htmldiv寬高(html設(shè)置了div寬高但沒用)
lt!doctype htmllthtmlltheadltmeta charset=quotutf8#39 lttitle設(shè)置DIV的固定大小lttitlelt!一下代碼是設(shè)置DIV固定大小的寬度100像素高度60像素ltstyle type=quottextcssquot #div width100pxheight60pxborder1px solid #f00ltstyleltheadltbodyltdiv id=quotdivquot。
新建一個html文件,命名為testhtml 2在testhtml文件內(nèi),使用css設(shè)置頁面所有的div寬度為300px,高度為300px,div的位置為絕對定位3在testhtml文件內(nèi),創(chuàng)建三個div,并用文字標(biāo)識,分別為底層div中層div最頂層div。
第一種情況就是寬高都寫在樣式表里,就比如#div1width120px這中情況通過#div1stylewidth拿不到寬度,而通過#div1offsetWidth才可以獲取到寬度第二種情況就是寬和高是寫在行內(nèi)中,比如style=quotwidth120pxquot,這中情況通過上述2個方法都能拿到寬度二小結(jié)因?yàn)閕doffsetWidth和id。
具體步驟如下1首先,先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個圖片固定在屏幕上2之后,再把背景圖片的大小自動適應(yīng)DIV大小,當(dāng)圖片自動適應(yīng)時,既可以就進(jìn)行縮放3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使。
div的100%是從其上一級div的寬高繼承來的,有一點(diǎn)很關(guān)鍵,就是要設(shè)置div100%顯示,必須設(shè)置其上一級div的寬度或高度,否則無效舉例說明父divdeman寬300高200,子divcc如果在這個條件下設(shè)置divcc的寬高都為100%的話,那cc的確切大小就是父div的大小寬300高200,在嘗試中你會發(fā)現(xiàn),div。
6寫樣式用quotpingmuquot開始寫,給它固定寬高,再添加背景色,讓p自適應(yīng)寬高,超過部分顯示滾動條7將這個css樣式保存到同級目錄下,如ceshihtml在c盤,css樣式也保存在c盤8保存好樣式后,雙擊這個ceshihtml頁面,用瀏覽器打開后看到100像素寬高的黑塊DW怎么設(shè)置DIV模塊在頁面中居中D。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。