为什么li元素与` `block` `显示重叠？

li元素与block显示重叠的原因是因为li元素默认是以display: list-item的方式显示，而block元素默认是以display: block的方式显示。在默认情况下，list-item元素会在前面有一个项目符号或编号，而block元素则会占据一行的宽度。

当li元素的宽度设置为小于父元素的宽度时，li元素会自动换行，导致与后面的block元素重叠显示。这是因为li元素的默认display属性导致其宽度不会自动扩展到父元素的宽度。

要解决这个问题，可以通过修改li元素的display属性为inline-block或者flex，使其宽度自动扩展到父元素的宽度，从而避免与后面的block元素重叠显示。