18910140161

HTML-移除导航栏和下拉菜单之间空格的方法-堆栈溢出

顺晟科技

2022-10-19 12:36:26

42

我对编码非常陌生,正在为一家餐馆制作一个虚构的网站。我似乎不知道如何删除我的下拉菜单和菜单部分下的顶部导航栏之间的差距。理想情况下,我希望粉色下拉框直接在黑色导航栏下。对我做错了什么有什么建议吗?我到处都在玩边距和填充。甚至在我的CSS页面开始处添加了空白0和填充0,以查看这是否有影响,但它没有。

附件是我的HMTL和CSS代码


顺晟科技:

问题是,导航的顶部和底部的边距为16px,而高度是父级高度的100%,即50px,因此总高度为:

50px(父母身高)+16px(边距-顶部)+16px(边距-底部)=82px

,这使得它离开了固定高度为50px的标题。 要修复此问题,您必须

第一:将导航页边距设置为0,并在s上使用填充顶部,而将其框大小调整值设置为边框,这样填充不会影响s的高度。

第2:将“sub_menu1”的顶部设置为100%(在本例中为50px[父级的高度]),这将在导航的正下方显示下拉菜单。

它在这里工作:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航