应用从ie9迁移到ie11，css样式position：relative不可用解决方案

问题描述

问题的现象和解决问题的方式看似毫不相关，请看：

向某个html元素追加子元素，$("#div").append(*****)，将实现代码从ie9迁移到ie11。 同一页面的button按钮，点击任意一个，所有button都会被禁用。

解决方案

ie11下position：relative生效，尝试添加float：left或display：block，我添加的是display：block。解决方案如下：

ie9环境，html标签和css样式代码

<span style="font-size:18px;"><pre name="code" class="html"><span class='stepname'>name</span></span>

<span style="font-size:18px;">.stepname{position: relative;line-height:7px;left: 22%;top:5px;color:#888;font-weight:bold;}</span>

ie11环境，html标签和css样式代码

<span style="font-size:18px;"><span class='stepname'>name</span></span>

.stepname{position: relative;line-height:7px;left: 22%;top:5px;color:#888;font-weight:bold;display: block;}

另外，ie11使用position：absolute，不会出现上述问题。

参照链接：https://bytes.com/topic/html-css/answers/532317-position-absolute-relative-container-bug