css width之百分比自適應寬度

設置對象寬度以百分比計算，隨外級對象寬度變化而自適應按百分比顯示寬度，接下來為大家案例演示百分比寬度樣式。

假如設置一個css寬度為80%，為了觀察效果設置css border為黑色實線邊框，css高度為100px，對象css命名為「.thinkcss」

Css代碼如下

.thinkcss{margin:0 auto;width:80%;height:150px;border:1px solid #000}

Html代碼如下

<div class="thinkcss">我寬度為百分比80%，高度為150px 1px黑色邊框</div>

Advertisements