為了讓css能在各瀏覽器表現一致,通常會用:
ul,ol {
margin:0;
padding:0;
list-style:none
}
的方式來取消各瀏覽器的預設行為,之後再重新指定值給ul。
不過這時會發現一個問題,即使重新指定list-style-type給ul,希望列表時能再秀出小圈點或小方塊,通常也沒有作用,小圓點還是出不來。
這個問題會發生,是因為小圓點是放在content的外面,因此要補padding給ul,將content擠出一些空間來放小圓點。
因此通常給ul一個padding-left:15px或20px,小圓點就會現身了。