私はcssでいくつかの絶対的なポジショニングを行いました。しかし、次の場合、firstBoxで、上部と左側の値が無視されるのはなぜですか?(上を100ピクセル、左を100ピクセルにします)。2番目のボックスは正しく配置されています。
<html>
<head>
<title>Testing</title>
<style type="text/css">
#firstBox {
color: white;
width: 500px;
padding: 1em;
background: red;
position::absolute;
top:100px;
left:100px;
z-index:2;
}
#secondBox {
color: white;
width: 500px;
padding: 1em;
background: blue;
position: absolute;
top: 100px;
left: 100px;
z-index: 0;
}
</style>
</head>
<body>
<div id="firstBox"> The First Box! </div>
<div id="secondBox"> The Second Box! </div>
</body>
</html>