Comments: With the Overflow:hidden will affect the List-style, that is, when the UL Li overflow for hidden, List-style does not work, do not show the front of the dots, loops and other styles, In the UL or Li Add Style: list-style-position:inside; Can
In fact, the use of Overflow:hidden will affect the List-style, that is, when the UL Li overflow for hidden, List-style does not work, do not show the front of the dots, loops and other styles.
Solution: In the UL or Li Add Style: list-style-position:inside; Can. Note that proper adjustment of padding position is the most suitable.
The style of the list:
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 Capital Roman Numerals
Lower-alpha:css1 lowercase English Letter
Upper-alpha:css1 Capital English alphabet
NONE:CSS1 does not use bullets
Armenian:css2 the traditional Armenian numbers
Cjk-ideographic:css2 the plain ideographic figure
Georgian:css2 the traditional George number
Greek lowercase letters based on LOWER-GREEK:CSS2
Hebrew:css2 the traditional Hebrew numbers
Hiragana:css2 Japanese plain Kana character
Hiragana-iroha:css2 Japanese Hiragana Order
Katakana:css2 Japanese piece Kana character
Katakana-iroha:css2 Japanese Katakana Number
Lower-latin:css2 Lowercase Latin alphabet
Upper-latin:css2 Capital Letter Latin
*list-style-image:url (images/disc.gif); Using image disc.gif instead of list items revealing
*list-style-position:outside | Inside
Outside: List item tags are placed outside the text and are not aligned around the text according to the mark
Inside: List item tags are placed within text and aligned around text based on marks