CSS bottom 属性

有一个蓝色 绿色容器，它们的宽高都为100px

红色容器包含着蓝色和绿色容器

上文用到了这个图，里面使用了bottom属性。这个属性是决定元素距离它的父元素的底边距离

在这里决定绿色处于这个位置的样式是position:absolute;bottom:0px;

蓝色的样式是position:relative;bottom:-50px;

改变蓝色的bottom属性bottom:-100px;

可以看到蓝色容器的宽高刚好离开了红色容器的底部