使用CSS來(lái)設(shè)置div的寬度 ltdiv style=quotwidth100pxquotltdiv lt！ style內(nèi)的width設(shè)定的就是div的寬度，100px 還可以將css寫在css文件內(nèi)，然后在html頁(yè)面中進(jìn)行引入htmlltdiv class=quotboxquotltdivcss box；網(wǎng)頁(yè)寬度一般不是在body標(biāo)簽里指定的，而是先設(shè)置一個(gè)div容器，再設(shè)置該div的寬度直接用px為單位，這樣div就不會(huì)隨瀏覽器寬度變化而變化例子這是百度知道本頁(yè)面的HTML代碼，你可以參考一下HTMLltbody class=quotlayout；ltdiv lt！viewport可視窗口，也就是瀏覽器，vw Viewport寬度， 1vw 等于viewport寬度的1%，vh Viewport高度， 1vh 等于viewport高的的1%深圳網(wǎng)站建設(shè) ltbodylthtml；1直接設(shè)置選擇標(biāo)記的寬度首先，在文件中創(chuàng)建一個(gè)新的HTML文件和兩個(gè)select下拉列表 2然后在頂部的head標(biāo)記中設(shè)置樣式表首先，設(shè)置第一個(gè)選擇標(biāo)記的寬度在這里，將select1的樣式標(biāo)簽的寬度設(shè)置為300px，這是一個(gè)；使html中div內(nèi)的圖片隨屏幕大小調(diào)節(jié)的操作方法為，將div與img的寬度都設(shè)置為100%，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

你是問(wèn)怎么用CSS來(lái)控制DIV的吧，ltdiv id=quotcontainerquot ltdiv css 代碼如下container width780px*div的寬度* margin0pxpadding0pxtextalignleft 就像這樣，自己多看看，多練練就會(huì)了；lt img src=#39aipg#39style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒(méi)有設(shè)置寬度；你可以用CSS來(lái)設(shè)定，DIV為塊級(jí)元素例如lt！doctype htmllthtmlltheadltmeta charset=quotutf8#39 lttitle設(shè)置DIV的固定大小lttitlelt！一下代碼是設(shè)置DIV固定大小的寬度100像素高度60像素ltstyle type。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotlttitle自適應(yīng)寬度lttitleltstyle type=quottextcssquotdivwidth 50%height 50pxbackground redltstyleltheadltbodyltdivltdivltbodylthtml；給div添加一個(gè)class，比如ltdiv class=quotcontentquotltdiv，然后在css文件里寫上contentwidth600pxheight400pxbackgroundred就可以了。

1如圖，我們對(duì)div設(shè)置固定寬度和高度2圖像預(yù)覽效果如下所示3然后在div里面插入一張圖片，如圖4插入圖片后，在預(yù)覽中看到的效果，明顯圖片已經(jīng)將父級(jí)的背景尺寸給蓋住了，圖片偏大了5然后這個(gè)時(shí)候，將圖片；你這個(gè)div1是強(qiáng)制出現(xiàn)滾動(dòng)條的overflowscroll，所以300px減去滾動(dòng)條的寬度17px正好是實(shí)際的寬度283px，高度也是同樣的原理；1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個(gè)圖片固定在屏幕上2之后，再把背景圖片的大小自動(dòng)適應(yīng)DIV大小，當(dāng)圖片自動(dòng)適應(yīng)時(shí)，既可以就進(jìn)行縮放3輸入backgroundsize coverwe。

CSS設(shè)置div邊框顏色寬度和高度步驟如下1新建一個(gè)html文件，創(chuàng)建一個(gè)類名為wrap的div2先通過(guò)css類選擇器選擇到div來(lái)控制div的寬度和高度和背景顏色沒(méi)有邊框時(shí)方便看出來(lái)div的大小3通過(guò)div 的border屬性控制。

DIV寬度設(shè)置方式及案例如下DIV網(wǎng)頁(yè)布局中當(dāng)分辨率小于等于1024px像素時(shí)，DIV布局對(duì)象顯示1000px寬度，當(dāng)分辨率大于1024px時(shí)候顯示1200px寬度等需求使用CSS實(shí)現(xiàn)改變?yōu)g覽器顯示寬度從而實(shí)現(xiàn)布局的網(wǎng)頁(yè)寬度動(dòng)態(tài)改變變化網(wǎng)頁(yè)；覺(jué)得你樣式寫的好累贅要想要整體居中，最好辦法就是用固定一層ltdiv class=quotwrapquot，請(qǐng)看例如 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。