DIV使用介绍

一、DIV使用介绍

1、DIV是层叠样式表中的定位技术，全称DIVision，即为划分，有时可以称为图层；

2、DIV用来为HTML文档内大块的内容提供结构和背景元素；

3、DIV是一个块级元素，浏览器通常会在DIV元素前后放置一个换行符；

4、颜色代码表：http://tool.webmasterhome.cn/html-color.asp

float=left示例代码：float-left.html

<style type="text/css">
.main {
width: 300px;
height: 200px;
background: #09F;
}
.main-kid1 {
width: 100px;
height: 100px;
background: #F96;
float: left;
}
.main-kid2 {
width: 100px;
height: 100px;
background: #F9F;
float: left;
}
</style>
<div class="main">
<div class="main-kid1">1</div>
<div class="main-kid2">2</div>
</div>

float=right示例代码：float-right.html

<style type="text/css">
.main {
width: 300px;
height: 200px;
background: #09F;
}
.main-kid1 {
width: 100px;
height: 100px;
background: #F96;
float: left;
}
.main-kid2 {
width: 100px;
height: 100px;
background: #F9F;
float: right;
}
</style>
<div class="main">
<div class="main-kid1">1</div>
<div class="main-kid2">2</div>
</div>