position属性值的相互影响

网页制作 2024/12/25 佚名

3 2 1

小李飞刀资源网 Design By www.iooab.com

有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属性值的相互影响就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

CSS,display,float,position

标签：

小李飞刀资源网 Design By www.iooab.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

小李飞刀资源网 Design By www.iooab.com

评论“浅谈CSS中display/float/position属性值的相互影响”

暂无评论...

2024年12月25日