Question

在我的Chome 12中发生了一些奇怪的事情。

我几天前下载了最新的样板，并在上面进行了设计。一切都很好。

5分钟前，Chrome（Webkit）突然决定在我的设计中插入额外的css规则：

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

如何在不增加额外重置的情况下摆脱这种情况？

编辑：也遇到了h1元素的问题

-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

Edit2：我的重置包含

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
 var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section, summary, time, mark, audio, video
 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

Answer 1

margin和padding会覆盖这些属性。

如果您希望margin: 0; padding: 0和margin消失，请设置padding。

那些属性并不是突然出现，它们一直存在于那里。

演示证明：http://jsfiddle.net/VNh3u/ - （显然，请登录WebKit浏览器）

Answer 2

Pff，我的css文件中有错误的注释，禁用了重置...

摆脱用户代理样式表规则？

2 个答案: