position是真正的定位,float只能算是布局吧。相對來說position的定位更精確,能實現(xiàn)很多特殊的效果。一些輕量級的布局定位推薦使用float,比如頁面框架的分欄式布局,某些精細的定位布局適用于position。 兩者之間沒有優(yōu)劣,如果非要對比的話float相對來說IE6下BUG更多一些吧,不過position也有,而且float使用的時候一定要注意clear,這又會產生一個新的問題,如何clear。真對不同需求合理選擇,float+position配合使用有的時候會達到意想不到的效果
float和position最大的區(qū)別其實是是否占據(jù)文檔流空間。
float能讓元素從文檔流中抽出,它并不占文檔流的空間,典型的就是圖文混排中文字環(huán)繞圖片的效果。
position顧名思義就是定位。他有以下這幾種屬性:static(默認),relative(相對定位),absolute(絕對定位)和fixed(固定定位)。其中static和relative會占據(jù)文檔流空間,他們并不是脫離文檔的。absolute和fixed是脫離文檔流的,不會占據(jù)文檔流空間。
在實際前端開發(fā)中我們文匯軟件會根據(jù)頁面效果圖以及使用的場景來進行選擇是position還是float來為用戶進行頁面的制作,也歡迎前端的朋友一起來交流關于float 和 position有什么區(qū)別的話題。
上一篇: 沒有了
下一篇: 網頁制作中的切圖是什么?什么是切圖