css遇到ul里的li添加浮动后无法让li撑开盒子

把ul改为ol即可解决。

1.使用ul添加li

html代码：

css样式：

执行后结果：

2.相同样式下使用ol添加li：

html代码：

css样式：

添加后效果：

总结：书写需要li自动撑开盒子的html代码时，尽量使用ol，可以去掉浮动带来的烦恼。