博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css的定位特性-position、float、display
阅读量:5049 次
发布时间:2019-06-12

本文共 506 字,大约阅读时间需要 1 分钟。

css有三种定位体系:常规流 浮动 绝对定位。

所谓常规流就是元素没有浮动和绝对定位时在页面上的正常布局显示,即是块级元素就独占一行,是内联元素(行内元素)就可以和其它内联元素并排一行。元素是块级元素还是内联元素取决于display的值。

在有关css的定位体系中,position float display这三个值相互影响,总体上来看,有一个优先级的关系:

1 若position值为absolute或者fixed,float的计算值为none,display的计算值要进行转换。

2 若postion为static或者relative,float不为none,对于根元素,display的值要进行转化,对于非根元素,用display的特性值。

3 若postion的值不是absolute或者fixed,float的值为none,则按照display的设定值显示

因此,可以看成postion的优先级最高,float其次 display的最低。

详细介绍请参看。

转载于:https://www.cnblogs.com/chaoguo1234/archive/2013/03/03/2941585.html

你可能感兴趣的文章
内部类
查看>>
树链剖分入门
查看>>
图解算法时间复杂度
查看>>
UI_搭建MVC
查看>>
一个样例看清楚JQuery子元素选择器children()和find()的差别
查看>>
代码实现导航栏分割线
查看>>
Windows Phone开发(7):当好总舵主 转:http://blog.csdn.net/tcjiaan/article/details/7281421...
查看>>
VS 2010打开设计器出现错误
查看>>
SQLServer 镜像功能完全实现
查看>>
Vue-详解设置路由导航的两种方法
查看>>
一个mysql主从复制的配置案例
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
dvwa网络渗透测试环境的搭建
查看>>
Win8 安装VS2012 和 Sql Server失败问题
查看>>
过点(2,4)作一直线在第一象限与两轴围成三角形,问三角形面积的最小值?...
查看>>
java aes CBC的填充方式发现
查看>>
使用ionic cordova build android --release --prod命令打包报有如下错误及解决方法
查看>>
BZOJ 2338 HNOI2011 数矩形 计算几何
查看>>
关于页面<!DOCTYPE>声明
查看>>
【AS3代码】播放FLV视频流的三步骤!
查看>>