方法一使用CSS設(shè)置DIV的屬性樣式，比如居左，居右，居中確定好位置，在調(diào)整它的width和height ，還可以調(diào)整它的top left 等屬性posationsolute是絕對(duì)定位，可以拖動(dòng)大小和位置來定位方法二一 代碼如下div s。

你可以用CSS來設(shè)定，DIV為塊級(jí)元素例如lt！doctype htmllthtmlltheadltmeta charset=quotutf8#39 lttitle設(shè)置DIV的固定大小lttitlelt！一下代碼是設(shè)置DIV固定大小的寬度100像素高度60像素ltstyle type。

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。

使html中div內(nèi)的圖片隨屏幕大小調(diào)節(jié)的操作方法為，將div與img的寬度都設(shè)置為100%，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

1首先使用HTML編輯器sublime_text，點(diǎn)擊進(jìn)入2開始寫代碼之前，先去查一下css中什么可以控制div的大小3知道怎么控制div盒子大小了，開始寫代碼，先寫3個(gè)div盒子，然后分別控制它們的大小，分別給盒子取名字d1，d2。

應(yīng)該在第一行寫一個(gè)div包含div1和div2，在這個(gè)大div的結(jié)尾標(biāo)簽之前寫一個(gè)div屬性是清除所有浮動(dòng)因?yàn)楦?dòng)貌似會(huì)影響自適應(yīng)的，另外div的高度盡量都用auto。

用JS控制div的寬和高，然后設(shè)置動(dòng)畫，緩動(dòng)效果，JQUERY比較好實(shí)現(xiàn)animate方法。

ltdiv style=quotwidth900pxquotltdiv 默認(rèn)情況下應(yīng)該不會(huì)換行的，可能是你的div外面還有標(biāo)簽嵌套在那里，外面?zhèn)€標(biāo)簽設(shè)置了長度。

lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltheadltbodyltdiv id=quotbgcquot onmouseover=quotoverquot style=quotbackgroundcolor red width 100px height 100。

以 43 為例， 想要DIV按照這個(gè)寬高比，在網(wǎng)頁中隨著橫向的伸縮，在縱向上等比伸縮， 用一個(gè)外圍DIV來包裹它，且將這個(gè)外圍DIV稱之為Wrapper， Wrapper 的CSS樣式如下這個(gè)Wrapper的寬高比就是 43 ， 其中的奧妙就在于。

要使元素的位置隨著瀏覽器窗口的縮放大小比例變化，你可以使用 CSS 中的相對(duì)定位和百分比單位來實(shí)現(xiàn)以下是一種常見的方法HTMLCSSmydiv position relativetop 50%left 50%transform translate50%。

ltimg src=quotimgheader_rightjpgquot style=quotwidth100pxheight50pxquot ltdiv style=quotpositionabsolutetop0pxleft0pxquot這里放入內(nèi)容3ltdiv ltdiv html簡介超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。

使用CSS來設(shè)置div的長度 ltdiv style=quotwidth100pxquotltdiv lt！ style內(nèi)的width設(shè)定的就是div的長度，100px 還可以將css寫在css文件內(nèi)，然后在html頁面中進(jìn)行引入 htmlltdiv class=quotboxquotltdiv css。

外面的寬和高設(shè)置具體數(shù)值，里面div的寬和高設(shè)置成百分比，這樣外面一旦變化，里面就會(huì)隨著變化。

500pxheight500pxborder1px solid redpadding10px 則類名為a的div實(shí)際寬度=500+1+10*2=522px，而不是你認(rèn)為的500px，所以，在你設(shè)置了padding10px后，實(shí)際寬度會(huì)變大，明白了嗎有不明白的可以追問。

3然后設(shè)置select2的寬度在這里，使用百分比設(shè)置寬度百分比代表整個(gè)屏幕的比例，設(shè)置為50%4最后，當(dāng)進(jìn)入瀏覽器時(shí)，可以看到兩個(gè)具有不同寬度的選擇下拉列表上面是控制HTML頁面中下拉列表寬度的方法。

ltdiv id=quotnavquot ltdiv class=quot1quotltdiv ltdiv class=quot2quotltdiv ltdiv ltbody lthtml 第一個(gè)小div里面直接放圖片就可以了，但是注意，你要根據(jù)圖片的寬度修改大小div的寬帶，也可以設(shè)置為自適應(yīng)，其他不。

style樣式里設(shè)置完寬高以后再加個(gè)屬性，寫溢出隱藏 overflowhidden。