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

996grid框架中normalize.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}即可重置所有列表。

在UL标签上添加CSS边距

2 个答案: