css注意事項

1、浮動

float：left、right、none、inherit

浮動：使元素脫離文檔流，按照指定方向發生移動，遇到父級邊界或者相鄰的浮動元素停了下來。

clear:left、right、both、none、inherit  元素在某個方向上不能有浮動元素

clear：both 表示在左右兩側均不容許浮動元素

 

2、浮動的特徵：

1.元素變成inline-block,在一排顯示，支持設置寬高，默認內容撐開寬度

層2.脫離文檔流

3.提高層級半層

 

3、僞類清除浮動的方法：

浮動元素的父標籤：

.clearfix{ *zoom:1;}   zoom縮放觸發ie下的haslayout,使元素根據自身內容計算寬高

.clearfix:after{ content: ""; display: block; clear: both;}

after僞類： 元素內部末尾添加內容；

  :after{content"添加的內容";} IE6，7下不兼容

例如：

 

4、overflow清除浮動的方法

浮動元素的父標籤 ：overflow: hidden;

問題：須要給浮動元素設置寬度和高度或zoom兼容ie六、ie7。

 

標準 不透明度：  opacity:0~1;

IE 濾鏡：           filter:alpha(opacity=0~100);