自昨晚以来,我一直在目睹这种奇怪的行为。
这是小提琴:http://jsfiddle.net/Gqndm/
这是我在我的机器上所有主要浏览器中获得的屏幕截图: http://i.stack.imgur.com/Bl3ve.png
任何想法为什么文本似乎被推到框中(例如,不是在盒子的最顶端,如在小提琴中)。
感谢您的帮助
答案 0 :(得分:3)
jsFiddle使用以下CSS导入名为normalize.css
的CSS文件...
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;}
如您所见,p
和div
元素的margin
和padding
设置为0
。
这有效地规范了所有浏览器的默认样式表。如果你把这个CSS包含在你的其他浏览器测试中,毫无疑问你会看到jsFiddle中的那个。