У меня есть простой абсолютный div и другой нормальный div. Почему абсолютный div отображается выше другого?
Я знаю, что могу исправить это с помощью z-index - Но в чем причина?
JSBIN: http://jsbin.com/yadoxiwuho/1
<style>
.with-absolute {
position:absolute;
top:0px;
bottom:0px;
background-color:red
}
.other {
background-color:yellow;
}
</style>
</head>
<body>
<div class="with-absolute">Hello</div>
<div class="other">Why is this not on top? It comes last</div>
</body>