我看了1~2個月的前端技術，還是很菜鳥，不過我只是順便記錄一下我的成長，或許這篇博文不太重要，而且很水，不過99%人懂了，或許還有1%的人不懂，能分享就好，我就抱著這心態去學習和分享的，呵呵！！
html一共有5種布局,我所說得布局是position的屬性:static，relative，absolute，fix，inherit
（1）static布局是預設，假如在這種布局，他是沒有定位的，而且不會繼承父元素的屬性，w3c文件裡面還說忽略 top, bottom, left, right 或者 z-index 宣告，他是存在於流裡面的。
（2）relative布局是相對布局，假如父元素用了這種布局，那麼子元素就是相對于父元素的絕對定位，一般配合top,right,bottom,left來使用，這個布局也是存在於流裡面的。
（3）fix布局是「浮動布局」，他是相對於瀏覽器的視窗來浮動的，一般配合top,right,bottom,left來使用，這個布局是脫離了流而存在的。（ie不相容）
（4）absolute布局是絕對布局，他是相對於瀏覽器視窗的絕對布局，一般配合top,right,bottom,left來使用，這個布局也是脫離了流而存在的。
（5）inherit布局我比較少用，文件裡面他是規定應該從父元素繼承 position 屬性的值。
好了，大家理解了布局之後，就應該了解「流」是什麼東東。打個比喻，就一條小溪流進大海裡面一樣，小溪就是所謂的流，大海就是我們的瀏覽器了；html的流是對塊狀元素是由上到下的垂直分布的，內聯元素是水平分布的。所以static，relative布局是遵循流的分布的；而fix，absolute布局則不需要遵循流的分布，是自己定義絕對位置的。相信說道這裡大家應該有所明白了。呵呵！簡單的東西不用說太多。
所以這2個，還有乙個屬性一定要介紹的，就是float啦，假如定義了這個屬性就是暫時脫離了流而存在，當clear了才回歸流中。注意一點的是，在float屬性下的盒子模式，ie,ff,chrome是有所不同的。ie的margin會出現2倍，呵呵！大家可要好好愛護下ie，小點吐槽吧！
假如小弟有什麼理解不到位或者是錯誤的話，歡迎吐槽！
HTML中的position布局
在html中網頁可以看成乙個立體的空間，乙個完整的頁面是由很多個頁面堆積形成的，如下圖所示 css中position屬性有四個可選值，它們分別是 static absolute fixed relative。position static 無定位 該屬性值是所有元素定位的預設情況，在一般情況下，我們...
position（定位）布局
屬性值 說明static 預設值。沒有定位，元素按照標準文件流布局 inherit 繼承父元素的position值 relative 相對定位，盒子的位置以標準文件流的排版方式為基準，然後相對於它原本的標準位置偏移，相對定位的盒子仍然在標準流中。absolute 絕對定位，盒子的位置以它最靠近的已經...
position定位布局
值 static 預設值，沒有定位，可以取消繼承的定位屬性 relative 相對定位，相對於元素自身在文件流的位置定位，不脫離標準流 absolute 絕對定位，相對於最近的乙個定位了的父元素，脫離標準流，不再佔據位置 fixed 固定定位，相對於瀏覽器視窗進行定位，脫離標準流，不再佔據位置 st...