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>