詳解css定位

1、詳解定位與定位應用定位一直是WEB標準應用中的難點，如果理不清楚定位那么可能應實現(xiàn)的效果實現(xiàn)不了，實現(xiàn)了的效果可能會走樣。如果理清了定位的原理，那定位會讓網(wǎng)頁實現(xiàn)的更加完美。定位的定義：定位的定義：在CSS中關于定位的內(nèi)容是：position:relativeposition:relative|absoluteabsolute|staticstatic|fixedfixedstatic(static(靜態(tài)靜態(tài))沒有特別的設定，遵循基本的

2、定位規(guī)定，不能通過zindex進行層次分級。relative(relative(相對定位相對定位)對象不可層疊、不脫離文檔流，參考自身靜態(tài)位置通過topbottomleftright定位，并且可以通過zindex進行層次分級。absolute(absolute(絕對定位絕對定位)脫離文檔流，通過topbottomleftright定位。選取其最近一個最有定位設置的父級對象進行絕對定位，如果對象的父級沒有設置定位屬性，absolute元素

3、將以body坐標原點進行定位，可以通過zindex進行層次分級。fixedfixed（固定定位）（固定定位）這里所固定的參照對像是可視窗口可視窗口而并非是body或是父級元素?？赏ㄟ^zindex進行層次分級。注：CSS中定位的層疊分級：zindex:zindex:autoauto|nambernamber#firstwidth:200pxheight:50pxmargin:25pxbder:25pxsolid#333padding:25

4、pxposition:relativetop:50pxleft:50px而下方是一塊默認定位的黑色區(qū)塊#second#secondwidth:400pxwidth:400pxheight:75pxheight:75pxmargin:0margin:0bder:0bder:0padding:0padding:0backgroudcol:#333backgroudcol:#333我們看到這個處在文本流的區(qū)塊被上面的相對定位擋住了一部分，這說