Since July 8th沃测，2017
float
float 元素并不完全脫離文檔流糯累，其他元素會圍繞在它周圍逞度。但其他元素的 background（包括 background-image）會鋪在 float 元素下方悍手。-
創(chuàng)建錨點的兩種方式
- a + name
<a name="test"></a>- id
-
CSS 選擇器
- 屬性選擇
[attribute=value]中要給 value 加雙引號
- 屬性選擇
-
解決 inline-block 間距的方法
- 產(chǎn)生間距的原因是 html 文檔中不同標(biāo)簽之間的空逢慌，有如下一些結(jié)局方法：http://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements悠轩，通過設(shè)置 font-size 來解決比較簡單。
-
外邊距 margin 重疊
外邊距重疊是指兩個垂直相鄰的塊級元素攻泼，當(dāng)上下兩個邊距相遇時火架，起外邊距會產(chǎn)生重疊現(xiàn)象，且重疊后的外邊距忙菠，等于其中較大者何鸡。（詳情參考 http://www.hujuntao.com/web/css/css-margin-overlap.html）
-
隱藏滾動條仍能滾動的方法
- 設(shè)置要滾動的子元素和父元素的寬度和高度，一般要求兩者高度相等牛欢，子元素的寬度略大于父元素（多出的部分即為要子元素要隱藏的部分）骡男。例如
.parent {
height: 100px;
width: 100px;
}
.child {
height: 100%;
width: 100%;
padding: 0 20px 0 0; /* Or width: calc(100% + 15px) */
}
- 設(shè)置子元素和父元素的
overflow
以子元素需要縱向滾動為例，設(shè)置父元素橫向滾動條為hidden傍睹，而子元素縱向滾動條為atuo隔盛。即
.parent {
overflow-x: hidden;
}
.child {
overflow-y: auto;
}
- CSS 中的強制換行
對于超長的英文犹菱、數(shù)字等字符串（沒有空格等）有word-wrap和word-break兩種方式來進行強制換行。通過屬性設(shè)置吮炕，前者會另起一行進行嘗試腊脱，后者則不會，具體區(qū)別可以參考http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html
