行级元素的隐性改变

Question

有一个有趣的现象就是当为a标签添加

 1.position : absolute 

 2. float : left 或 float:right 以上任意语句之一，a标签显示类型就会自动变为 display:inline-block，这是为什么呢，求大神分析

Answer 1

首先这是给浏览器编码的人的设计，也就是 说人家可以让a维持原样，或者直接把a设置成block；分析一下人家这么处理的意图，其实就是一个“智能”的做法，a本来是inline标签，而只有block或者inline-block才能设置position:absolute属性，所以在你没给a调整成block时，浏览器自动智能的帮你做了调整