Comments: Overflow: hidden will affect the list-style, that is, when the overflow of Li in UL is hidden, the list-style does not work, and the previous vertices, circles, and other styles are not displayed, add style: List-style-position: Inside; To ul or Li.
In fact, overflow: hidden will affect the list-style, that is, when the overflow of Li in UL is hidden, the list-style does not work, and the previous vertices, circles, and other styles are not displayed.
Solution:Add style: List-style-position: Inside; To ul or Li. Adjust the position of the padding to make it the most suitable.
List style:
Disc: css1 solid circle
Circle: css1 hollow circle
Square: css1 solid square
Decimal: css1 Arabic numerals
Lower-Roman: css1 lowercase roman numerals
Upper-Roman: css1 uppercase roman numerals
Lower-Alpha: css1 lowercase English letter
Upper-Alpha: css1 capital English letter
None: css1 does not use the project symbol
Armenian: Traditional Armenia numbers in css2
CJK-ideographic: css2 basic ideographic number
Georgian: css2 traditional George number
Lower-Greek: Greek lowercase letters based on css2
Hebrew: css2 traditional Hebrew numbers
Hiragana: css2 Japanese hirakana
Hiragana-iroha: css2 Japanese hirakana
Katakana: css2 Japanese Katakana
Katakana-iroha: css2 Japanese Katakana No.
Lower-Latin: css2 lowercase Latin letters
Upper-Latin: css2 capital Latin letters
* List-style-image: URL (images/disc.gif); Use disc.gif to represent list items
* List-style-position: Outside | inside
Outside: The list item tag is placed outside the text and is not aligned based on the tag
Inside: The list item tag is placed within the text and aligned around the text according to the tag