position详解：图片轮播案例

1、首先创建一个文件夹，增加一张图片和一个txt文档。

4、下面是我对样式进行修改或者追加的一些熟悉,先清除li对于样式，具体如下，调整div大型位置与图形大小相同，并设置overflow=“hidden”来隐藏越界内容。

7、通过设置我们看到浏览器变化，li出现了但是我们发现他出现在div外了，这表示的li定位是相对于整个敌颉缪莽页面，而我们想达到的目的是相对于div，根据第5步，容器解析，可以li的父类是div，由于我们没有对div进行定位，所以它默认是static,而li是div下的，就延续了div的定位基础上再定位。这个时候我们对div追加定位属性非static，就会发现li出现了。(本例使用的relative)