咨询电话:
15628812133
26
2016/12

在CSS 中,用 float 和 position 的区别是什么

发布时间:2016-12-26 13:08:44
发布者:xueye
浏览量:
0

position是真正的定位,float只能算是布局吧。相对来说position的定位更精确,能实现很多特殊的效果。一些轻量级的布局定位推荐使用float,比如页面框架的分栏式布局,某些精细的定位布局适用于position。 两者之间没有优劣,如果非要对比的话float相对来说IE6下BUG更多一些吧,不过position也有,而且float使用的时候一定要注意clear,这又会产生一个新的问题,如何clear。真对不同需求合理选择,float+position配合使用有的时候会达到意想不到的效果 

float和position最大的区别其实是是否占据文档流空间。

float能让元素从文档流中抽出,它并不占文档流的空间,典型的就是图文混排中文字环绕图片的效果。

position顾名思义就是定位。他有以下这几种属性:static(默认),relative(相对定位),absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间,他们并不是脱离文档的。absolute和fixed是脱离文档流的,不会占据文档流空间。

在实际前端开发中我们文汇软件会根据页面效果图以及使用的场景来进行选择是position还是float来为用户进行页面的制作,也欢迎前端的朋友一起来交流关于float 和 position有什么区别的话题。

上一篇: 没有了
下一篇: 网页制作中的切图是什么?什么是切图
关键词:
返回列表