html中absolute和relative对子div的宽高的影响

       css中的postion是一个比较重要的样式，其中的absolute和relative不仅对自身的位置有影响，对子div的位置也会有影响。
       不仅如此，对子div的宽高也有影响。
       我们都知道将div的width和height设置为百分比可以实现自适应，但是有时候想让某一div直接撑满父级。因为在一个div的width和height都设置为100%而且其中不填其他元素的时候，这个div的宽高其实是0，在网页上也是看不到，你需要不断去添加元素将这个div“撑”起来。
       但有很多时候并没有元素去撑，也想让这个div直接撑满父级，这时候就需要将父级的position设置为absolute,这个时候子div的宽高如果设置为100%的话，就会直接填满这个父级元素。
       但是问题是，这个父级的所有子div，都会默认撑满其上级div，这个时候就需要把某一个你不想撑满的div的上级div的position设置为relative，这样就不会在影响其子div的宽高了。