div的寬度可以透過css的width屬性來設定。 css width屬性用來設定元素的寬度，只需要為div元素新增「width:寬度值;」樣式即可設定div的寬度。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
div的寬度可以透過css的width屬性來設定。 css width 屬性設定元素的寬度。
下面透過程式碼範例來具體了解一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
div{
border: 1px solid red;
margin: 10px 0;
}
#div1{
width: 300px;
}
#div2{
width: 50%;
}
</style>
</head>
<body>
<div>这是一个示例div标签，默认宽度。</div>
<div id="div1">这是一个示例div标签，宽度为300px。</div>
<div id="div2">这是一个示例div标签，宽度为50%。</div>
</body>
</html>效果圖：
說明：
width 屬性定義元素內容區的寬度，在內容區外可以增加內邊距、邊框和外邊距。
行內非替換元素會忽略這個屬性。
可能的值：
| 值 | #描述 |
|---|---|
| auto | #預設值.瀏覽器可計算出實際的寬度。 |
| length | 使用 px、cm 等單位定義寬度。 |
| % | 定義基於包含區塊（父元素）寬度的百分比寬度。 |
更多程式相關知識，請造訪：程式設計入門！ ！
以上是設定div的寬度可以透過css的什麼屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
