CSS定位的4件注意事項

05-09

1、絕對定位的元素無視了float 這個屬性

如果一個元素是浮動左或右，而且我們將此定位類型設置為 absolute 或者 fixed ，那麼float的屬性就會被設置為 none .另一方面，如果我們將定位類型設置成relative，那麼元素依然包含浮動的屬性。

2、內聯元素如果被設置為絕對定位，那麼他會表現出塊級元素的特徵。記住如果我們設置定位的類型是absolute或者fixed，元素會呈現出塊級元素的特性。

3、外邊距（margins）不會在絕對定位的元素上合併

默認情況下，當兩個垂直外邊距互相接觸，他們之間的間距會取得兩個之間比較大的外邊距。這種行為可以理解為外邊距合併.就像在一個浮動的元素上的外邊距一樣，一個絕對定位元素的外邊距不會和其他外邊距合併。

4、用px和百分比定位元素

只要我們定義偏移量為百分比，目標元素的定位就依賴於父元素的寬（對於左右的偏移量）和高（對於上下的偏移量）。
推薦閱讀：