css的一些小細節

1、visibility隱藏元素不會導致reflow和repaint(迴流與重繪)而display相反，同時visibility進行隱藏不會導致株連性（即子孫元素為visible時不會因為父級的hidden收到影響）；

2、text-indent用負邊距進行文字隱藏時會產生額外效能耗損，而且它只能作用於block，table cells和inline-block屬性元素同時會產生虛線框，可用font:0/0 'songti'替換；

3、用height:0;overflow:hidden進行組合隱藏元素的時候，當它子項目包含position:absolute或fixed時（父級元素無position屬性），會導致隱藏“失效”（即子項目不受剪下影響，註：當給父元素寬度也設定為0時，IE6、7會出現奇怪的“bug”隱藏子項目，之所以說bug因為親可以測試下這個時候開啟IE調試工具選中隱藏父級子項目奇怪的出現了，至於問題知道親回複下）；

4、position:absolute,沒有應用left/top等屬性值的元素就是個不佔據空間的普通元素，即此元素可以正常的繼承父級text-align等屬性（註：它繼承後對齊是以它自身的左邊為基準，比如定義text-align:right後它會以自身的最左邊靠齊父級的最右邊，有點繞口自己測試下會更明確例：<div style="text-align:right;"><div style="border:1px solid red;width:500px;height:500px;position:absolute;"></div></div>）；

