HTML+CSS 輕松入門(mén)之浮動(dòng)（float）
什么是浮動(dòng)
????????CSS 的 Float（浮動(dòng)），會(huì)使元素向左或向右移動(dòng)，其周?chē)脑匾矔?huì)重新排列。
????????Float（浮動(dòng)），往往是用于圖像，但它在布局時(shí)一樣非常有用
元素怎樣浮動(dòng)
元素的水平方向浮動(dòng)，意味著元素只能左右移動(dòng)而不能上下移動(dòng)。
一個(gè)浮動(dòng)元素會(huì)盡量向左或向右移動(dòng)，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹埂?/p>
浮動(dòng)元素之后的元素將圍繞它。
浮動(dòng)元素之前的元素將不會(huì)受到影響。
如果圖像是右浮動(dòng)，下面的文本流將環(huán)繞在它左邊
div{
????float:right;
}
下面我們將做一個(gè)實(shí)例：比如有2個(gè)div，不同的背景
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>浮動(dòng)</title>
<style type="text/css">
/*在這里會(huì)用到id選擇器*/
div{
width:600px;
height:600px;
border:1px solid black;
}
#dv1{
width:100px;
height:100px;
background-color:green;
float:left;
}
#dv2{
width:100px;
height:100px;
background-color:red;
float:left;
}
</style>
</head>
<body>
<div>
<div id='dv1'></div>
<div id='dv2'></div>
</div>
</body>
</html>
