在第一次的文章中我已经想大家介绍了行块标签的特性,其中块标签具有独占一行的特性,但是很多时候我们需要让几个标签共用一行,但行标签又不能做到这点;因此就出现了今天我要为大家讲解的内容,即浮动;以下是我通过代码的方式向大家展示浮动的特性,同时在最后的代码中为大家做了一下总结;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div1{
width: 200px;
height: 200px;
background-color: red;
margin: 10px;
/*添加左浮动*/
float: left;
/*float: right;*/
}
.div2{
width: 200px;
height: 200px;
background-color: cyan;
margin: 10px;
float: left;
/*float: right;*/
}
.div3{
width: 200px;
height: 200px;
background-color:orange;
margin: