成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

自適應(yīng)布局是網(wǎng)頁設(shè)計(jì)中常見的布局形式，自適應(yīng)的布局能夠根據(jù)瀏覽器窗口的大小，自動(dòng)改變其寬度和高度值，是一種非常靈活的布局形式，良好的自適應(yīng)布局網(wǎng)站對(duì)不同分辨率的顯示器都能提供最好的顯示效果。實(shí)際上div默認(rèn)狀態(tài)的占據(jù)整行的空間，便是寬度為100%的自適應(yīng)布局的表現(xiàn)形式，一列自適應(yīng)布局需要我們做的工作也非常簡(jiǎn)單，只需要將寬度由固定值改為百分比值的形式即可。

#layout {  
    border: 2px solid #A9C9E2;  
    background-color: #E8F5FE;  
    height: 200px;  
    width: 80%;  
} 

CSS在大部分用數(shù)值作為參數(shù)的樣式屬性都提供了百分比，width寬度屬性也不例外，在這里我們將寬度由一列固定寬度的300px，改為80%，從下邊的預(yù)覽效果中可以看到，div的寬度已經(jīng)變?yōu)榱藶g覽器寬度的80%的值。自適應(yīng)的優(yōu)勢(shì)就是當(dāng)擴(kuò)大或縮小瀏覽器窗口大小時(shí)，其寬度還將維持在與瀏覽器當(dāng)前寬度的比例。
AA25.CN_一列自適應(yīng)寬度 一列自適應(yīng)寬度(AA25.CN)
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
只用在設(shè)置寬度時(shí)由原來的300px，改為80%即可。

網(wǎng)頁