关于css样式的问题。TAT一脸懵逼

阅读器的前端代码
图1是html结构图 问题发生在item那块
图2我都能看的懂
图3对icon-text加了个position :absolute 造成的效果就完全看不懂了。求大神详细解释一下
1，背景色为什么没了
2.这时候icon-text应该是相对item-wrap 布局的。
没有加position :absolute的时候
item-wrap顶部还是和item一样
为什么加了以后顶部往下移动了一部分距离
http://read.t.imooc.io. 可以把它的icon-text的top去掉，再观察position

position :absolute代表绝对定位，top代表举例顶端的举例，你绝对定位了，自然会下移

1、position absolute的时候就脱离文档流不占位了，item-wrap和item这2个容器高度为0，你背景色是这2个容器的，高度没有了当然就没有背景色了
2、position absolute时，未设置left、top时，其实这2个属性值并不是0。==》http://www.zhangxinxu.com/wordpress/2010/01/absolute%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%9A%84%E9%9D%9E%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%94%A8%E6%B3%95/