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

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

1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個圖片固定在屏幕上2之后，再把背景圖片的大小自動適應(yīng)DIV大小，當(dāng)圖片自動適應(yīng)時，既可以就進行縮放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，點擊進入2開始寫代碼之前，先去查一下css中什么可以控制div的大小3知道怎么控制div盒子大小了，開始寫代碼，先寫3個div盒子，然后分別控制它們的大小，分別給盒子取名字d1，d2。

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

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

ltdiv style=quotwidth900pxquotltdiv 默認情況下應(yīng)該不會換行的，可能是你的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按照這個寬高比，在網(wǎng)頁中隨著橫向的伸縮，在縱向上等比伸縮， 用一個外圍DIV來包裹它，且將這個外圍DIV稱之為Wrapper， Wrapper 的CSS樣式如下這個Wrapper的寬高比就是 43 ， 其中的奧妙就在于。

要使元素的位置隨著瀏覽器窗口的縮放大小比例變化，你可以使用 CSS 中的相對定位和百分比單位來實現(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)記語言下的一個應(yīng)用。

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

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

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

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

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

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