在 UL 标签上添加 CSS 边距答案

【问题标题】：CSS margin adding on UL tag在 UL 标签上添加 CSS 边距
【发布时间】：2013-07-05 02:47:10
【问题描述】：

我正在使用 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;

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

【问题讨论】：

你能解释一下吗？你在选择什么？使用标签是什么意思？
我不明白这个问题。
尝试使用CSS Reseter。
这可能会让你大吃一惊，但是浏览器有很多元素的默认样式。如果您不喜欢默认样式，请覆盖它们。

标签： html css responsive-design

【解决方案1】：

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

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

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

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

【讨论】：

感谢您的帮助

【解决方案2】：

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

【讨论】：