css元素定位和浮動、元素的隱藏與顯示
一、Css元素定位
position用於設定元素定位
該屬性有以下值
static 預設值，採用元素預設的定位方式。
relative使元素對其原始位置進行“相對定位”。
absolute使元素根據父（祖先）父元素的定位情況進行“絕對定位”。
fixed使元素相對於瀏覽器視窗進行“固定定位”。
二、Css元素的浮動
1.浮動float控制
(1)該屬性可以使元素脫離文件流，在父容器中進行浮動，停靠到父元素的“內容邊界”或其它浮動元素的“邊框”，
(2)浮動的元素會忽略元素間的“空格”，讓同樣具有該屬性的元素“緊密”地排列在一起。
(3)該屬性通常用於處理一些需要緊密排列在一起的“塊級元素”，如“導航條”、“相簿”，或用於處理“圖文混排”等。
該屬性有三個允許的值：
none 預設，元素不進行浮動。
left元素從左到右進行浮動。
right元素從右到左進行浮動。
2.注意事項
一個浮動元素會浮出文件流，若一個普通的“塊級元素”內的子元素全部都浮動了，那麼它的所有子元素就會全部浮出“文件流”，就等於當前塊級元素無任何子元素，這時如果你沒有給他顯式的設定高度那麼他的高度就會變為0.
3.浮動的清除
clear屬性設定到父元素上，用於清除子元素浮動給他帶來的影響。
它有以下值：
none：預設值，不清楚浮動影響
left：清除左浮動元素帶來的影響
right：清除右浮動元素帶來的影響
both：清除左右兩側浮動元素帶來的影響
三、Css元素的顯示與隱藏
1.元素的不透明度“opacity”
設定元素的不透明度，
(1)取值範圍是“0”到“1”之間的浮點數，
(2)可以保留兩位小數，如“0.3”、“0.55”，
(3)可以支援省略掉前面的“0”也就是“.3”、“.55”的寫法。“0”（相當於“visibility:hidden”）表示完全透明，
(4)“1”（預設）表示完全不透明。
2.元素可見性“visibility”
設定元素“是否可見”，
注意：即使不可見，它所佔據的空間也不會消失。
“visibility”屬性常用值：
visible（預設）設定元素為可見的
hidden設定元素為不可見的
3.元素的顯示方式“display”
none（主要）將元素設定為不顯示，使元素完全地脫離“文件流”。
inline（主要）將元素設定為“行內元素”。
inline-block（主要）將元素設定為“行內塊元素”。
block（主要）將元素設定為“塊元素”。