html中div設置寬高

html中div設置寬高

　　html中div的高度和寬度有什么方法能控制呢?下面由學習啦小編為大家整理了html中的div設置寬高的相關知識，希望對大家有幫助!

　　html中的div設置寬高方法一

　　在用Dreamweaver工具編輯HTML代碼時候，可以通過height和width設置div的高和寬，代碼如下：

　　<style type="text/css">

　　html

　　{

　　height:100px;

　　margin:0;

　　}

　　body

　　{

　　height:100px;

　　margin:0;

　　}

　　</style>

　　<div style="width:100px; height:100px; background-color:#666; z-index:1">

　　</div>

　　html中的div設置寬高方法二

　　首先我們新建命名一個CLASS或ID的類，這里CSS命名為“.divcss5”，以class引用。并且設置寬度為300px，CSS選擇器代碼如下：

　　.divcss5{width:300px} /* css 注釋：這樣設置了對象divcss5寬度為300px樣式 */

　　針對DIV使用代碼：

　　<div class="divcss5">我寬度設置為300px</div>