Почему, IE11 не правильно расставляет отступы между блоками, если один из блоков position: absolute. На картинке видно, что расстояние между 1 и 2, а также 2 и 3 - различны. Почему, и как исправить.
Код файла index.html<!DOCTYPE html>
<html lang="en">
<head>
<style>
.wrapper {
box-sizing: border-box;
width: 400px;
height: 250px;
margin: 50px auto;
outline: 3px solid green;
display: flex;
justify-content: space-between;
position: relative;
}
.wrapper div {width: 100px; height: 100px; border: 3px solid blue;}
.test {
background-color: lightblue;
position: absolute;
left: 0;
bottom: 0;
}
</style>
</head>
<body>
<div class="wrapper">
<div></div>
<div></div>
<div class="test"></div>
<div></div>
</div>
</body>
</html>
Простой
