这似乎是一个常见的问题,我尝试了几种解决方案,但似乎没有一种方法适合我。每个div之间应该有10px的空间,但在顶部有一个更像20px。
我更改了行高,填充,边距,定位和块。确实有一个空的
标签(这是另一个问题!),但即使删除了该标签/边缘重置,问题也不会消失。有什么想法吗?
在此图片中,您可以看到我已使用CSS编辑器选择了div。顶部没有可见的填充(用虚线表示没有边距。但是,内部灰色div和外部白色div之间有空隙。 http://www.ims4u.net/settlements/
答案 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
标记?不记得了... )