css定位機制：
1.普通流（標準流）
2.浮動
3.絕對定位
一：普通流：預設狀態，元素自動從左往右或者從上往下
塊元素：
1.獨佔一行
2.可以設定寬、高
3.如果不設定寬，預設為容器的100%
4.常見的塊級元素標籤：div、p、h1~h6、ul、ol、li、dl、dt、dd
行內元素
1.與其他元素同行顯示
2.不可以設定寬、高
3.如果不設定寬，寬高就是文字或的寬高
4.常見的行內元素標籤：span、a、b、i、u、em
二：浮動
1.浮動的基礎概念
2.浮動的基本語法
實現浮動
3.使用浮動後出現的問題：浮動溢位：元素使用浮動後會脫離普通流，出現高度塌陷
實現浮動
如果全部全部實現浮動
二：浮動產生的問題：高度塌陷
當大盒子的高度設為自適應時
三：清除浮動的方法
方法1.在浮動元素後使用乙個空元素 ，如
方法2.給浮動元素的容器新增overflow:hidden;
方法3.使用css3的 :after 偽元素
四：clear清除浮動的語法：
設定了float的元素只會影響其他相鄰元素，需要使用clear清除浮動，clear只會影響自身，不會對其他相鄰元素造成影響
clear：none（不清除）、left（清除左浮動）、right（清除右浮動）、both（清除左右浮動）
none：不清除
left：清除左浮動
五：.清除浮動其他方法
1.父級元素定義heigh，只適合高度固定的布局
2.父級元素也一起浮動，不推薦，會產生新的浮動問題
十九，浮動 float屬性
float屬性設定 1，left 元素向左浮動 2，right 元素向右浮動 3，none 預設值。元素不浮動。總結 給誰新增了float，就將誰脫標，後面的內容會頂上來顯示。如果頂上去以後，脫標的內容沒有改變位置，就會出現後者被前者 拖標內容 覆蓋的情況。如果沒有改變位置，就出現該在的地方。1，f...
黑板模式（二十九）
黑板模式 blackboarddesignpattern 是觀察者模式的乙個擴充套件，知名度並不高，但是我們使用的範圍卻非常廣。黑板模式的意圖如下 允許訊息的讀寫同時進行，廣泛地互動訊息。簡單地說，黑板模式允許多個訊息讀寫者同時存在，訊息的生產者和消費者完全分開。這就像乙個黑板，任何乙個教授 訊息的...
二十九 直譯器模式
直譯器模式 interpreter 給定乙個語言，定義它的文法的一種表示，並定義乙個直譯器，這個直譯器使用該表示來解釋語言中的句子。知識點 字串匹配，判斷email，匹配 號碼等等。正規表示式就是直譯器模式的一種應用。直譯器模式容易的改變和擴充套件方法。直譯器模式為文法中的每一條規則至少定義了乙個類...