我對position:absolute屬**性化的認識：absolute是乙個善良的有個性的，我行我素、喜歡凌駕一切之上的魔鬼。這傢伙，不喜歡也算不上討厭，但是知道沒事最好少招惹，免有後患。
先給大家講個故事吧。曾經有兩個魔鬼兄弟，乙個叫浮動，乙個叫絕對定位，它們總是一起在空中飛行戲耍的。但是，不幸的是，有一天，浮動被巨雷擊中，雙翼折損，隕落凡間，好在性命還在，但是，翅膀不在，它只能永遠留在凡間，與芸芸眾生呆在一起。偶然一天，眾生發現浮動有一種能力，可以讓布局整齊，有方向性的排列，於是，大肆使用其能力，建房子，造家園。但是，浮動本質上是魔鬼，其破壞性經常讓房子高度塌陷，而飽受眾生詬病。可憐的浮動啊，原本出身的意義就不是來建房子的，卻被眾人誤解與指責。浮動的兄弟絕對定位本應在天空翱翔，但是為了看望其兄弟，也經常去凡間看望。後來，人們發現，絕對定位也有布局建房子的能力，也想拿來使用。但是，絕對定位不同於浮動，其翅膀尚在，其乙個不樂意就可以飛回天空。聰明而狡黠的人們發現了乙個可以限制絕對定位的物體，名叫相對定位。於是，什麼時候，人們想利用絕對定位建房子，就使用這個名叫相對定位的東西把他限定住。後來，有一天，人們忍不住心中的疑問，就問絕對定位：「你在天上好好的，為什麼沒事要下來受罪呢？」絕對定位長籲一口氣，道出了浮動就是他那可憐的弟弟的事情。「不會吧！」人們很驚訝，「你們樣貌差異這麼大，跟志玲姐和鳳姐之間的差異有得一拼呢！」「唉」絕對定位又是一聲嘆氣，「被雷擊，翅膀沒了，還毀了容，於是……」絕對定位忍不住抽泣起來。後來，人們逐漸明白，原來絕對定位下凡間幫著建房子都是自願的。果然，後來，一部分人試著不再使用叫做相對定位的東西限制絕對定位，絕對定位也沒有飛向天空……（未完，待續）
故事先說到這兒，正如故事裡提到的，position:absolute與float:left論長相差別有志玲姐和鳳姐那麼大，但是，卻是近親，細想一下也合情合理，
兩者有兩大共性：包裹性，破壞性。
包裹性包裹性換種說法就是讓元素inline-block化，例如乙個div標籤預設寬度是100%顯示的，但是一旦被absolute屬性纏上，則100%預設寬度就會變成自適應內部元素的寬度。哦，舉個例子吧，如下測試**：
CSS相對定位絕對定位
absolute 絕對定位 一共有四個屬性值 top right bottom left position absolute top 20px 絕對定位的參考點就是他的父級。同理，如果父級沒有定位屬性，就查詢他的爺爺級.relative 相對定位相對定位與絕對定位結合使用 通常情況下，在對元素設定絕...
張鑫旭的《css世界》推薦指數
總的來說這邊書還是不錯的，看完確實會有提公升，作者比較喜歡用講故事的比喻手法來說css 不過有的比喻確實有點差強人意，感覺還不如直接說該屬性的作用，個人看法 但這本書如果是乙個初學者而且強迫症的人來看會很難受，因為當你看見乙個新屬性時，你會想知道它所有的值以及每個值具體是幹嘛的，一般會在什麼情況下使...
CSS 相對定位和絕對定位
1.position relative 如果對乙個元素進行相對定位，首先它將出現在它所在的位置上。然後通過設定垂直或水平位置，讓這個元素 相對於 它的原始起點進行移動。再一點，相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其他框 2.position absolut...