再次看到html標簽，看到了很多以前沒注意的問題，現在說說浮動的問題。
浮動用float，這個不用多說了吧。
float的屬性:left, right, 默認是none;
應用場景:1.文字環繞一個元素顯示 2.很多個容器橫向排列的的時候
什么是文字環繞元素呢?或許有許多小白不懂。這里給上一張圖說明一下
這種文字在元素里面的，就是文字環繞元素。
float的特點:1.元素浮動之后，是脫離文檔流(飄起來不占位置)，所以下面的元素會頂上去，占據浮動元素原來的位置。
2.多個元素浮動之后會橫向排列
有很多人會問，既然應用場景中說float是為了解決多個元素橫向排列問題的，那么為什么多個元素使用float后，反而還會橫向排列呢？這該怎么解決呢？
這就是我要說的我們一般學習這里，容易忽略的內容: 清除浮動屬性 clear
clear：left，right，默認是none；
這里說的清除，不是說清除了浮動，而是打破元素之前的排列方式，如果是橫向的排列的就會變成豎向排列的，但是float還是飄着的
clear只會影響自己。
下面附上幾行代碼，有興趣的可以自己去試試。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box1{ width: 100px; height: 100px; background: blue; float: right;}
.box2{ width: 150px; height: 150px; background: pink; float: right;clear: right;}
.box3{ width: 250px; height: 250px; background: yellow; float: right; clear: right;}
.box4{ height: 800px; background: green;clear: both; width: 100px;}
</style>
</head>
<body>
<div class="box1">1</div>
<div class="box2">2</div>
<div class="box3">3</div>
<div class="box4">234</div>
</body>
</html>