css設定div的寬度的方法是，為div添加width屬性，並將屬性值設為適當的值，例如【width:100px;】。我們也可以給div設定百分比寬度，如【width:50%;】。
本文操作環境：windows10系統、css 3、thinkpad t480電腦。
其實我們要設定div的寬度是非常簡單的，因為css中有現成的屬性width，該屬性就是用來設定元素的寬度的。
屬性值：
auto 預設值。瀏覽器可計算出實際的寬度。
length 使用 px、cm 等單位定義寬度。
% 定義是基於包含區塊（父元素）寬度的百分比寬度。
inherit 規定應該從父元素繼承 width 屬性的值。
範例程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal lazy" src="/static/imghwm/default1.png" data-src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="css如何設定div的寬度" ><br>
<img class="big lazy" src="/static/imghwm/default1.png" data-src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="css如何設定div的寬度" >
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>相關影片分享：css影片教學
#以上是css如何設定div的寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
Wufoo ZapierApr 13, 2025 am 11:02 AMWufoo一直在集成方面非常出色。他們與特定應用程序（例如廣告系列顯示器，MailChimp和Typekit）進行集成，但他們也
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影：貝殼謎語解決方案
2 週前ByDDD
R.E.P.O.如果您聽不到任何人，如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌
熱工具
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
禪工作室 13.0.1
強大的PHP整合開發環境
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器
