🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### position,float,display的关系和优先级 ![](https://img.kancloud.cn/82/44/82448183b07149bd5318f0533933cd5a_720x540.png) 1. `display`的值 如果display是none,则position和float不起作用。若display不是none,则继续; 2. `position` 的值 若`position`值为`absolute` 、 `fixed` 或 `sticky`时,计算后的`float`值为`none`(浮动失效)。位置将由`top、right、bottom、left`属性决定; 若`position`值为`relative`时,则继续; 3. `float`的值 若`float`值为`none`,则按照转换对应表设置; 若`float`值为`left`或`right` 则继续; 4. 元素是根元素 如果元素是根元素,`display`值按照对应表设置,否则继续; 5. 应用指定的`display`值