應用從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