css inline-block问题

问题描述

问 题

正在了解display的inline-block属性，看了一个网站，就调了一下。发现有个问题不明白。

上图中header部分有三个a标签
第一个display:inline-block
第二个display:block
第三个使用了绝对定位position: absolute;right: 0;

然后我将第二个a的display设置为inline-block，然后第一个a与第二个a就重叠了。
想问的是
1.原本第二个a设置了display:block为啥没有换行？
2.第二个a设置为inline-block他为啥又重叠了？

解决方案

重点在你没贴出的第一个 a 元素，明明是绝对定位啊。

这篇关于css inline-block问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！