圖片自適應(yīng)屏幕大小顯示主要是利用百分比來控制，切忌給圖片寬度一個固定值如下代碼html代碼pimg src=quot圖片地址quotalt=quotquotp此時的css可以寫成imgboximgwidth100%這樣，圖片的大小就會根據(jù)其父級容器的大小而變化，圖片的寬度只設(shè)置百分比，這樣可以根據(jù)瀏覽器窗口的大小變化而隨時調(diào)整。

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

CSS設(shè)置div邊框顏色寬度和高度步驟如下1新建一個html文件，創(chuàng)建一個類名為wrap的div2先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色沒有邊框時方便看出來div的大小3通過div 的border屬性控制邊框顏色，設(shè)置border的寬度為2px，線型為實線，顏色為藍(lán)色4這樣就可以設(shè)置。

在表格要限制大小的單元格內(nèi)先加ltdiv標(biāo)記，而要放入lttd的所有內(nèi)容，則放入ltdiv之中然后用樣式限制ltdiv的大小即可例如lthtml lthead ltmeta。

設(shè)置DIV的大小實現(xiàn)隱藏 將div的寬度和高度設(shè)置為零，也可以達(dá)到隱藏的效果*示例* div width0pxheight0pxoverflowhidden*規(guī)定當(dāng)內(nèi)容溢出元素框時隱藏防止div大小設(shè)置為零，里面的文本卻還是顯示* html顯示隱藏divdiv的visibility可以控制div的顯示和隱藏，但是隱藏后頁面顯示空白1。

在css設(shè)置可改變大小的div滾動條樣式方法1首先新建html文檔，進(jìn)入代碼書寫界面2在lthead和ltbody的里面寫入代碼，在ltdiv里面寫入想要輸入的內(nèi)容ltdiv3書寫外層軌道css代碼bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外層軌道*。

1首先如圖所示的web結(jié)構(gòu)即一個html和css即可實現(xiàn)2打開html頁面 定義一個大的div和兩個小div 如圖所示3最常用的float浮動，只要兩個小div的寬度小于等于大div的寬度，即可實現(xiàn)并排了4使用position進(jìn)行絕對定位，然后使用marginleft除去第一個小div的寬度即可5使用table盒子實現(xiàn)div并排。

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

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