现在我们给div添加 padding:5px; 发现div的宽度变窄了并且包裹在图片四周，这时div的高和宽是自适应，会随着图片的大小变化而变化，absolute具有包裹性，同样的float 也具有包裹性
当把position：absolute；修改为float：left；发现效果和absolute是一样的
absolute与float的包裹性等同于inline-block属性，不同的是float具有方向性，而inline-block是水平排列

absolute的容器拉伸特性
absolute具有拉伸容器大小的特性，例如要实现一个距右边距200px的容器，可以设置容器属性position：absolute；left：0；top：0；right：200px；
这里容器没有设置高度，就使用一张图片撑开它

absolute不但可以拉伸容器，也可以拉伸内部元素，如果内部元素设置固定的长高，绝对定位是不能拉伸它的，当内部元素设置为百分比时，内部元素会随着外部容器的拉伸而拉伸。

            .box{
                 position: absolute;
                 left: 0;
                 top: 0;
                 right: 200px;
                 background: aquamarine;
            .pic{
                 width: 30%; /* 图片设置百分比*/