css3相对定位设置父级容器,为什么我把这个div设置绝对定位，他的父容器位置会变化？...

如题，我把第9和第12个方块设置为绝对定位，可是为什么父容器container会向下挪？

你可以试试，把其他的子div也改一下，父容器为什么会变位置

html>

小练习5

1

2

3

4

5

6

7

8

9

10

11

12

//下面是css

*{

margin: 0;

padding: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.container{

width: 200px;

height: 400px;

border: 1px solid black;

display: inline-block;

margin: 40px;

}

.container div{

width: 200px;

height: 40px;

display: inline-block;

border: 1px solid black;

background-color: #c55342;

}