【发布时间】:2011-02-14 00:19:54
【问题描述】:
我的网站布局已基本完成。在我正在测试此布局的域上 - http://networkgenius.org/ - 有一个垂直空间分隔内容包装器 div 和菜单 div。我将垂直间距的边距设置为 0px,这是唯一分开的区域。
我希望将白色内容区域按到菜单底部,这样它们之间就不会显示正文的背景。
我做错了什么?
【问题讨论】:
我的网站布局已基本完成。在我正在测试此布局的域上 - http://networkgenius.org/ - 有一个垂直空间分隔内容包装器 div 和菜单 div。我将垂直间距的边距设置为 0px,这是唯一分开的区域。
我希望将白色内容区域按到菜单底部,这样它们之间就不会显示正文的背景。
我做错了什么?
【问题讨论】:
您的导航栏 (#nav, #nav ul) 上的高度为 35px,但看起来背景图像实际上并没有那么高,因为您似乎已将其设置为只有 repeat-x 并带有transparent color,你会得到那个空间。
将其设置为 27px 或更小,你会没事的(至少在 Chrome 中)。
【讨论】:
杰夫是对的。您的 #nav ul 的高度大于您的导航栏(和背景图像)。此外,nav ul 上还有垂直填充,这增加了差异。
【讨论】: