【问题标题】:CSS Vertical Spacing Issue (Margin?) - Vertical Space Between Two DivsCSS 垂直间距问题(边距?) - 两个 div 之间的垂直间距
【发布时间】:2011-02-14 00:19:54
【问题描述】:

我的网站布局已基本完成。在我正在测试此布局的域上 - http://networkgenius.org/ - 有一个垂直空间分隔内容包装器 div 和菜单 div。我将垂直间距的边距设置为 0px,这是唯一分开的区域。

我希望将白色内容区域按到菜单底部,这样它们之间就不会显示正文的背景。

我做错了什么?

【问题讨论】:

    标签: html css web


    【解决方案1】:

    您的导航栏 (#nav, #nav ul) 上的高度为 35px,但看起来背景图像实际上并没有那么高,因为您似乎已将其设置为只有 repeat-x 并带有transparent color,你会得到那个空间。

    将其设置为 27px 或更小,你会没事的(至少在 Chrome 中)。

    【讨论】:

    • 啊,我从没想过要查看 div 中的元素。做到了!谢谢! -Sootah
    【解决方案2】:

    杰夫是对的。您的 #nav ul 的高度大于您的导航栏(和背景图像)。此外,nav ul 上还有垂直填充,这增加了差异。

    【讨论】: