css的定位特性position、float、display

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的最低。

详细介绍请参看《KB009:CSS的定位体系概述》

原文地址:https://www.cnblogs.com/chaoguo1234/p/2941585.html