li开启定位后重叠现象的解决

 前言
本问题是我本人在做CSS图片切换时发现的问题，适用于解决开启定位后图片重叠。

 

一、为什么会出现ｌｉ里面的内容在开启定位后出现重叠现象？

情况展示

 代码展示

 

 

原因是给li开启了定位之后，所有li元素都不在文档流里了，而且每个li的定位位置都是一样的，所以当你在代码里更改left的参数，它们会一起移动；

二、解决办法：

1、对于以上问题，我们只需要将定位代码删除，给它的父元素开启定位即可（因为li是在ul里面的，所以想开定位的话，我们只需要给ul开启即可）

2、还有第二种情况，就是li没开定位，但仍然是重叠的，这个就是因为父元素的宽度不够，你可以直接将父元素宽度设置宽一点就行（注意它的父元素和祖先元素）

三、解决之后示例：