久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

26
2016/12

在CSS 中,用 float 和 position 的區(qū)別是什么

發(fā)布時間:2016-12-26 13:08:44
發(fā)布者:xueye
瀏覽量:
0

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ū)別的話題。

上一篇: 沒有了
下一篇: 網頁制作中的切圖是什么?什么是切圖
關鍵詞:
返回列表