### 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`值
- 版本控制之Git简介
- Git工作流程
- Git工作区、暂存区、版本库
- Git 指令汇总
- Git 忽略文件规则 .gitignore
- pull request
- HTTP简介
- HTTP - Keep-Alive
- HTTP缓存
- XMLHttpRequest
- Fetch
- 跨域
- HTTP 消息头
- TCP/IP
- TCP首部
- IP首部
- IP 协议
- TCP/IP漫画
- 前端开发规范
- 前端开发规范整理
- 前端未来规划
- HTML思维导图
- CSS思维导图
- 布局
- position,float,display的关系和优先级
- line-height、height、font-size
- 移动端适配
- JS 对象
- JS 原型模式 - 创建对象
- JS 预编译
- 探索JS引擎
- ES