Div之间的神秘垂直差距

时间:2013-10-31 03:53:01

标签: css html

我的页眉和页脚之间出现了一个神秘的差距。我在调查时拿出了主要的内容div,所以我知道这不是责任。这是我的网站: http://classweb2.mccombs.utexas.edu/mis333k/msbcf555/TestSite/Default.aspx

如果需要,我会分享样式表,但它很长,我觉得这个解决方案显然是我没有想过的。

我尝试过:

  • 重置边距和填充
  • 确保没有换行符或其他div隐藏在真正的div之间

1 个答案:

答案 0 :(得分:6)

您的#header元素已应用display:inline-block。如果有任何空格 - 甚至是单个空格字符,则内联块会在元素之间添加可见空间。我不是为什么你把它变成inline-block,因为它看起来像是一个标准的块级元素。删除它,空间应该消失。

还有其他选择,但我认为这是最简单的。有关inline-blocks创建的“神秘”空间的详细信息,请参阅此处:http://css-tricks.com/fighting-the-space-between-inline-block-elements/