html - 在 UL 标签上添加 CSS 边距

Question

我正在使用 996px 框架编写响应式站点。任何人都可以解决我遇到的问题吗？

当我使用<ul>标签时，浏览器会在左侧添加默认边距，40px；

请看下面的css

 display: block;
 list-style-type: disc;
 -webkit-margin-before: 1em; 
 -webkit-margin-after: 1em; 
 -webkit-margin-start: 0px;  
 -webkit-margin-end: 0px; 
 -webkit-padding-start: 40px;

任何人都可以对此有所了解吗？

Answer 1

996gridnormalize.css框架中的一部分有这样的样式声明：

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

如果您不想要它，则必须明确删除它。只需padding:0为特定元素的样式添加声明即可。

您似乎也在使用-webkit-padding-start: 40px;，这当然也会影响填充...

Answer 2

Normalize.css 带有 40px 的 ul 填充，您只需添加ul,ol,dl{margin:0 auto; padding:0}用于重置所有列表。