Internet Explorer 中的絕對位置

Question

我的網站在除 Internet Explorer 之外的所有瀏覽器上看起來都不錯。所有具有 position:absolute 的元素都搞砸了。 我試圖添加 left:0px 規則，但這並沒有解決它。我該如何解決這個問題？

謝謝！

鏈接到我的網站：點擊這里

Answer 1

將position:relative上的“main”元素更改為position:absolute就行了。

Answer 2

父級（主要）的默認值為 position:static ，這會導致具有 position:absolute 的子級對頁面是絕對的。 制作位置：相對於主導致孩子在主內是絕對的。 IE 的差異似乎很可能是因為它恰好在其他瀏覽器中看起來不錯。 有關更多信息，請參閱CSS 技巧。 此示例適用於 Internet Explorer 和大多數其他應用程序。

<html>
<head>
<style>
.outer { position:relative; height:100px; border:1px solid black; }
.inner { position:absolute; bottom:0px; }
</style>
</head>
<body>
<div class=outer>
    <div class=inner>
        This is some text.
    </div>
</div>
</body>
</html>

Internet Explorer 中的絕對位置

問題描述

2 個解決方案

解決方案1
2 2015-09-20 22:27:34

解決方案2
0 2015-09-21 00:05:48

Internet Explorer 中的絕對位置

問題描述

2 個解決方案

解決方案1 2 2015-09-20 22:27:34

解決方案2 0 2015-09-21 00:05:48

解決方案1
2 2015-09-20 22:27:34

解決方案2
0 2015-09-21 00:05:48