Css Internet Explorer 11中的绝对定位错误
我在IE 11中的绝对定位有问题。所有其他浏览器都没有这个问题（在Firefox、Chrome、Opera和Safari中进行了测试）。我有相对定位元素#obrazek（标记为绿色），它包含相对定位元素#hrob（标记为红色）。在所有其他浏览器中#hrob都正确定位到其父浏览器，但在IE 11中，它的行为就像是绝对定位到整个主体一样。我找不到正确的解决办法。有什么想法吗？多谢各位 HTML（已删除简化/不必要的内容）：Css Internet Explorer 11中的绝对定位错误,css,internet-explorer,internet-explorer-11,Css,Internet Explorer,Internet Explorer 11,我在IE 11中的绝对定位有问题。所有其他浏览器都没有这个问题（在Firefox、Chrome、Opera和Safari中进行了测试）。我有相对定位元素#obrazek（标记为绿色），它包含相对定位元素#hrob（标记为红色）。在所有其他浏览器中#hrob都正确定位到其父浏览器，但在IE 11中，它的行为就像是绝对定位到整个主体一样。我找不到正确的解决办法。有什么想法吗？多谢各位 HTML（已删除简化/不必要的内容）： 刚刚将表格行更改为表格单元格。现在它在IE和Chrome中看起来是一样的：
刚刚将
表格行表格单元格/*CSS文档*/
身体{
背景图片：url（'obrazky/pozadi.svg'）；
背景尺寸：100%自动；
背景色：#000；
背景重复：无重复；
}
#集装箱1{
保证金：0px自动；
宽度：1020px；
}
#集装箱2{
背景色：rgba（255、255、255、0.9）；
宽度：890px；
高度：340px；
边框：15px实心#000；
边界半径：30px；
填充：30px；
利润率：20px；
-webkit盒阴影：0px 0px 20px 10px rgba（170170170，0.8），10px 10px 10px#ddd插图；
-moz盒阴影：0px 0px 20px 10px rgba（170170170，0.8），10px 10px 10px#ddd插入；
盒影：0px 0px 20px 10px rgba（170、170、170、0.8），10px 10px 10px#ddd插图；
显示：表格；
}
#奥布拉泽克{
浮动：左；
位置：相对位置；
宽度：340px；
显示：表格单元格；
边框：3倍纯绿；
}
奥布拉泽克先生{
宽度：340px；
高度：427px；
}
#hrob{
位置：绝对位置；
宽度：220px；
高度：300px；
左：75px；
顶部：70像素；
文本对齐：居中；
边框：3倍纯红；
}
纳皮斯先生{
文本阴影：0px 1px 0px rgba（255255255.3），0px-1px 0px rgba（0,0,0.7）；
颜色：#4a4a4a；
}
.皮斯莫42{
字体大小：42px；
}
.皮斯莫24{
字体大小：24px；
}
用户名
名称下的文本
文本
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My title...</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container1">
<div id="container2">
<div id="obrazek">
<img src="obrazky/hrob.svg" alt="Obrázek hrobu" class="obrazek" />
<div id="hrob">
<p class="napis pismo42">Username</p>
<p class="napis pismo24">Text under the name</p>
</div>
<p>text...</p>
</div>
</div>
</div>
</body>
</html>
/* CSS Document */
body {
background-image: url('obrazky/pozadi.svg');
background-size: 100% auto;
background-color: #000;
background-repeat: no-repeat;
}
#container1 {
margin: 0px auto;
width: 1020px;
}
#container2 {
background-color: rgba(255, 255, 255, 0.9);
width: 890px;
height: 340px;
border: 15px solid #000;
border-radius: 30px;
padding: 30px;
margin: 20px;
-webkit-box-shadow: 0px 0px 20px 10px rgba(170, 170, 170, 0.8), 10px 10px 10px #ddd inset;
-moz-box-shadow: 0px 0px 20px 10px rgba(170, 170, 170, 0.8), 10px 10px 10px #ddd inset;
box-shadow: 0px 0px 20px 10px rgba(170, 170, 170, 0.8), 10px 10px 10px #ddd inset;
display: table;
}
#obrazek {
float: left;
position: relative;
width: 340px;
display: table-row;
border: 3px solid green;
}
.obrazek {
width: 340px;
height: 427px;
}
#hrob {
position: absolute;
width: 220px;
height: 300px;
left: 75px;
top: 70px;
text-align: center;
border: 3px solid red;
}
.napis {
text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
color: #4a4a4a;
}
.pismo42 {
font-size: 42px;
}
.pismo24 {
font-size: 24px;
}