雖然職位說是PHP程序,但實際上什麼都要作些,排版固然也免不了了,之前本身作網站時就能排出網頁了,可是不少東西不繫統,有點蜻蜓點水,例如關於這個css佈局定位的問題就是,今天特地總結了一下,
知識這東西,只有記住了,纔是本身的,不能總是再這麼查手冊,必須記住,而不是理解了就算了。
第一關於標準文檔流
1.默認不用定位的話,全部元素都是在同一個平面,既然在同一個平面就要有互相擠的概念。
2.inline-block元素和block元素是有區別的,例如span,a等就是inline-block內聯元素,默認不會換行,設置寬高也沒用(之前用span排版就以爲奇怪,原來是這樣),而div,p,ul等元素是block塊元素,默認會換行,寬度不指定會填滿到父元素邊界。
3.float元素是針對block塊元素而言的,float後,塊元素會脫離標準流,緊挨着最近的包裹元素或浮動元素邊界。
absolute和relative定位的規律:
relative相對定位的規律
1.使用相對定位的塊,會相對於它本來的位置,經過偏移,到達新的位置,因此若是指定了relative可是沒有指定偏移,看不出有什麼變化。
2.使用相對定位的塊仍在標準流中(會佔據原來的位置),它對父親和兄弟盒子都沒有任何影響。
absolute絕對定位的規律
1.使用絕對定位的塊以它的「最近」的一個「已經定位」的「祖先元素」爲基準進行定位。若是沒有已經定位的祖先元素,那麼會以瀏覽器窗口爲基準進行定位
注意:這裏若是指定了一個塊屬性爲absolute,沒指定top數值,而且父元素就是瀏覽器窗口,瀏覽器給了算出了一個默認top值,只是這個值沒顯示出來。
2.絕對定位的框從標準流中脫離,這意味着他們對其後的兄弟盒子的定位沒有影響,其餘的盒子好像就好像這個盒子不存在同樣。