float:left | right | none | inherit;
文件流是文件中可顯示物件在排列時所占用的位置。
浮動的定義：使元素脫離文件流，按照指定方向發生移動，遇到父級邊界或者相鄰的浮動元素停了下來。
clear:left | right | both | none | inherit；元素的某個方向上不能有浮動元素
clear:both; 在左右兩側均不允許浮動元素。
float特徵
1、塊在一排顯示
2、內聯支援寬高。（span在float之後就可以支援寬高了。）
3、預設子內容（塊元素）撐開寬度。
貌似內聯元素本來就是可以撐開的，
qqq1112222222222222222222222qqq
但是子元素為塊元素的情況下，就不能被撐開。
1<
div
class
="box"
>
2<
div
class
="son"
>qqq1112222222222222222222222
div>
3qqq
4div
>
給div.son（子塊元素）加乙個float：left。就可以了
4、脫離文件流
5、提公升層級半層
清除浮動的方法：總結
1.加高-給父級加高度
問題：擴充套件性不好
2.父級浮動
問題：頁面中所有元素都加浮動，margin左右自動失效（floats bad ！）
3.inline-block 清浮動方法：給父級加
問題：margin左右auto失效；
4.空標籤清浮動
問題：ie6 最小高度 19px；（解決後ie6下還有2px偏差）
5.br清浮動
問題：不符合工作中：結構、樣式、行為，三者分離的要求。
6.after偽類 清浮動方法（現在主流方法）
.clear:after
.clear解決ie6不相容的問題。
after偽類：元素內部末尾新增內容；
:after ie6，7下不相容
zoom 縮放
a、觸發 ie下 haslayout，使元素根據自身內容計算寬高。
b、ff 不支援；
7.overflow:hidden 清浮動方法；
問題：需要配合 寬度 或者 zoom 相容ie6 ie7；
overflow: scroll | auto | hidden； 滾動條//隱藏
overflow:hidden;溢位隱藏（裁刀！）
但是對於一些網頁中有返回上層，或者分享鏈結等小功能模組的overflow就會產生問題，具體什麼問題待新增。
float一些效果
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。文字的特點 不會鑽入到任何東西的下邊。注 如果上層被設定position absolute的div覆蓋，則被覆蓋的下一層div中則文字不會展...
一些職場感想
不要相信領導給你畫的大餅 離開了，就不要回去 他說的為你好，都是套路而已 你會比你想象的更優秀 不要認為提增加工資不好意思，你不提，他永遠不會給你加工資 這就看你所處的隊友是怎麼樣的 如果隊友是乙個很拼的，可能你需要比他更拼才能出人頭地，當然也要注意方法，不是埋頭苦幹，隊友不知道，領導不知道 如果隊...
一些感想 2021
解決乙個問題，可以靠個人的能力，也可以靠組織的流程，組織的流程就是組織的能力。組織設計流程考慮的是可靠 可重用。論解決問題的效率，通過組織的流程大概率是不如靠個人能力的。但組織擁有很多個 個人 乙個流程可以由多個 個人 共同完成，對於每乙個參與的 個人 感受到的可能是 組織流程比個人能力解決問題更高...