元素或div之间的随机差距

问题描述：

这里的元素之间出现了一个奇怪的差距。我宁愿让它们一起冲洗。任何想法如何解决这个问题？元素或div之间的随机差距

答

那是因为你还没有称呼那些把它留给浏览器来决定要素。 Chrome例如决定在p元素上输入边距。

p { ... 
-webkit-margin-before: 1em; 
-webkit-margin-after: 1em; 
... }

使用css reset文件，你都将解决这方面的问题，但problably很多很多similair情况下，在你未来的Web开发人员。

答

修复内嵌元素是：

vertical-align:top;

或

vertical-align:middle;

显示：块;

的图像

在我而言这一个帮助！谢谢！ –

答

那是因为你还没有为标签h1,p提供的任何CSS。所以，浏览器正在添加默认边界底部和顶部。因此，将它添加到CSS -

p, h1 { margin: 0 }

答

我不太清楚，至于哪种/ GAP /你是指，但一个简单的CSS规则就像保证金：0;填充：0;可能会帮助你。

答

它是一种保证金/填充问题，因为被别人说。我建议如果你刚刚开始并且还没有开发任何习惯，那么总是包含reset.css文件。这将摆脱所有的浏览器默认值，并允许您重新开始。

答

这是使用CSS重置文件，就像一个你可以找到YUI一个好主意： http://developer.yahoo.com/yui/reset/

如果你最终使用的YUI CSS重置，请确保您设置背景颜色上HTML标签，因为YUI的CSS Reset会将其变成白色。

html { 
    background:black; 
} 
body { 
    margin: 0px; 
    font-family: helvetica; 
    background: black; 
}