欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

26
2016/12

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

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

position是真正的定位,float只能算是布局吧。相對(duì)來說position的定位更精確,能實(shí)現(xiàn)很多特殊的效果。一些輕量級(jí)的布局定位推薦使用float,比如頁(yè)面框架的分欄式布局,某些精細(xì)的定位布局適用于position。 兩者之間沒有優(yōu)劣,如果非要對(duì)比的話float相對(duì)來說IE6下BUG更多一些吧,不過position也有,而且float使用的時(shí)候一定要注意clear,這又會(huì)產(chǎn)生一個(gè)新的問題,如何clear。真對(duì)不同需求合理選擇,float+position配合使用有的時(shí)候會(huì)達(dá)到意想不到的效果 

float和position最大的區(qū)別其實(shí)是是否占據(jù)文檔流空間。

float能讓元素從文檔流中抽出,它并不占文檔流的空間,典型的就是圖文混排中文字環(huán)繞圖片的效果。

position顧名思義就是定位。他有以下這幾種屬性:static(默認(rèn)),relative(相對(duì)定位),absolute(絕對(duì)定位)和fixed(固定定位)。其中static和relative會(huì)占據(jù)文檔流空間,他們并不是脫離文檔的。absolute和fixed是脫離文檔流的,不會(huì)占據(jù)文檔流空間。

在實(shí)際前端開發(fā)中我們文匯軟件會(huì)根據(jù)頁(yè)面效果圖以及使用的場(chǎng)景來進(jìn)行選擇是position還是float來為用戶進(jìn)行頁(yè)面的制作,也歡迎前端的朋友一起來交流關(guān)于float 和 position有什么區(qū)別的話題。

關(guān)鍵詞:
返回列表