有3个属性和布局以及box的创建有关:'display', 'position' 和 'float',彼此交互作用如下:
如果'display'值为'none',则'position' 和 'float'无作用。这种情况下,不生成box。
否则,如果'position'值为'absolute' 或 'fixed', box被绝对定位,'float'的计算值为'none',而'display'的值按下表设定。box的位置将由'top', 'right', 'bottom' 和 'left' 属性及其包容块所确定。
否则,如果'float'的值不是'none', box是浮动的并且'display'的值按下表设定。
否则,如果元素为根元素,'display'的值按下表设定(除了list-item指定值,该值被计算为'block'还是'list-item',在CSS2.1中未定义。)
否则,其余情况下'display'属性值就是其指定的值。
其中inline-flex和flex是CSS3弹性布局模块引入的新属性值。
概括而言,绝对定位、弹性布局和网格布局容器的内容项的display属性会被块级化(blockified)。
以上这篇浅谈CSS中display/float/position属性值的相互影响就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
译者:前端小智 来源:codersera. 有梦想,有干货,微信搜索 【大迁世界】 关注...
域名 不实名认证会怎样?域名不实名认证的话,域名将无法使用。根据《中国互联网...
在这个数码产品泛滥的时代里,拍照已经成为生活不可或缺的一部分,不管是居家,...
TOP云 (west.cn)11月6日消息,据外媒消息,近日一枚两字母 域名 WI.FI在国外se...
前提条件: content=width=750 meta name=viewport content=width=750,user-scal...
日前据悉,微软公司在欧洲的一个数据中心消防系统在日常维护期间意外释放了灭火...
overflow:hidden是overflow属性的一个神奇用法,它可以帮助我们隐藏溢出的元素...
序 本文主要研究一下dbsync的jobs Job //Job represents db sync jobtype Job st...
最近在做项目时,发现CSS3中关于动画的技术,自己很少运用在项目中,平时一些列...
怎么买 云服务器 ?买 云服务器 ,需要看服务商,需要选择 云服务器 各参数,需...