删除div之间的空白区域

时间:2012-10-04 11:39:13

标签: css html whitespace removing-whitespace

这似乎是一个常见的问题,我尝试了几种解决方案,但似乎没有一种方法适合我。每个div之间应该有10px的空间,但在顶部有一个更像20px。

我更改了行高,填充,边距,定位和块。确实有一个空的

标签(这是另一个问题!),但即使删除了该标签/边缘重置,问题也不会消失。有什么想法吗?

在此图片中,您可以看到我已使用CSS编辑器选择了div。顶部没有可见的填充(用虚线表示没有边距。但是,内部灰色div和外部白色div之间有空隙。 http://www.ims4u.net/settlements/

http://i.stack.imgur.com/uWJeC.png

3 个答案:

答案 0 :(得分:0)

您的容器的填充顶部为10px,内容也是如此。删除其中一个,你会很高兴。

答案 1 :(得分:0)

........ 演示 http://jsfiddle.net/46wGt/2/ .......................... ......

在您的css文件中写下 css

#content.hfeed.content{
padding-top:0;
}

Live demo

答案 2 :(得分:0)

这个问题说明了将css重置作为样式的一部分的原因。大多数浏览器都具有默认样式,可以改变用户体验的外观。

您可以添加完整的重置功能,同时考虑到http://necolas.github.com/normalize.css/2.0.1/normalize.css等众多功能/错误 或者你可以加一些像http://meyerweb.com/eric/tools/css/reset/那样轻盈的东西。

这将帮助您在诸如“为什么Firefox看起来像......,但IE看起来像......?”之类的问题上击败您的大脑。

如果您使用过其中一种,它会删除许多浏览器添加到html标记的默认10px边距(或者是body标记?不记得了... )