li元素与block
显示重叠的原因是因为li元素默认是以display: list-item
的方式显示,而block
元素默认是以display: block
的方式显示。在默认情况下,list-item
元素会在前面有一个项目符号或编号,而block
元素则会占据一行的宽度。
当li元素的宽度设置为小于父元素的宽度时,li元素会自动换行,导致与后面的block
元素重叠显示。这是因为li元素的默认display
属性导致其宽度不会自动扩展到父元素的宽度。
要解决这个问题,可以通过修改li元素的display
属性为inline-block
或者flex
,使其宽度自动扩展到父元素的宽度,从而避免与后面的block
元素重叠显示。
推荐的腾讯云相关产品:无
领取专属 10元无门槛券
手把手带您无忧上云