這篇文章主要介紹“css怎么設置div寬高”，在日常操作中，相信很多人在css怎么設置div寬高問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css怎么設置div寬高”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
寬：width —— width:230px 配置寬值為230px
高：height —— height:90px 設置裝備擺設css高值為90px
1、css實例代碼
<div style="width:260px; height:100px; border:1px solid #F00"> 此div寬度260px，高100px </div> <div style="width:160px; height:70px; border:1px solid #00F"> 此div寬度160px，高度70px </div>
分別對兩個div設置裝備擺設高度和寬度值，為了看到設置裝備擺設高 寬成效，同時均設置裝備擺設css邊框技倆。
2、截圖
告捷直接對div設置寬高css
1、div css實例HTML實例代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div寬高實例 css5.com.cn</title>
<style>
#shili{width:180px; height:80px; border:2px solid #F00}
.yangshi{width:90px; height:110px; border:2px solid #00F}
</style>
</head><body> <div id="shili"> 此div寬度180px，高80px </div> <div class="yangshi"> 此div寬度90px，高度110px </div> </body> </html>
別離對div使用id與class設置css寬度和css高度花式
2、功效
到此，關于“css怎么設置div寬高”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
