Question

css 为什么我给li加了position:absolute 他们重叠在一起了

不加position:absolute的时候：

加了position:absolute就变成这样了四个li在一起了：

代码：
.wrap ol li{
float:left;
width:16px;
height:16px;
background: black;
border:1px solid yellow;
color:#fff;
line-height: 16px;
text-align: center;
margin-right:5px;
}
加上position:absolute;属性的代码：

.wrap ol li{
float:left;
width:16px;
height:16px;
background: black;
border:1px solid yellow;
color:#fff;
line-height: 16px;
text-align: center;
margin-right:5px;
position: absolute;
}





Answer 1

你的四数字的绝对位置有问题 你用的是class 在css中同时定义了4个div的绝对位置 就会这个样子

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

把li去掉试试