## 1.float原理
就是元素相對于整個頁面漂浮起來了,上面元素float,下面元素補位
## 2.無序列表浮動
為了讓讓元素并排顯示使用float
## 3.float帶來的問題
如果不給父元素設置高度，子元素float，會使父元素高度坍塌
```
<style>
.parent{
width:100px;
}
.child{
width:50px;
height:50px;
float:left;
}
</style>
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
```
**解決方案**
方法一：
```
.parent{
overflow:hidden;
}
```
方法二：
```
.parent::after{
content:'';
display:black;
clear:both;
}
```
- 第一章 git
- 1.1 git基本語法
- 1.2 版本回退
- 1.3 ssh的配置
- 第二章 markdown基本語法
- 第三章 HTML CSS
- 3.1 html基礎知識
- 3.2 css基礎
- 3.3 img垂直居中
- 3.4 清除鼠標懸停抖動
- 3.5 字體、列表、表格、文本、鏈接樣式
- 3.6 屬性繼承
- 3.7 float
- 3.8 定位
- 3.9 li加邊框文字移動問題
- 3.10 title旁邊的小圖標
- 第四章 Vue
- 4.1
- 第五章 JavaScript
- 5.1 基本語法
- 5.2 DOM事件
- 5.3 事件
- 5.4 jQuery引用
- 5.5 顯示與隱藏
- 5.6 回到頂部
- 第六章 jQuery
- 6.1 基礎語法