Css 如何在antd(白色主题)中实现带有徽标和菜单的固定标题?

Css 如何在antd(白色主题)中实现带有徽标和菜单的固定标题?,css,reactjs,antd,Css,Reactjs,Antd,说明: 我想在antd中实现一个带有徽标和菜单的固定标题。我遵循了以下文件: (是的,我们仍在v3上) 演示以深色背景显示,菜单组件以深色主题显示。我需要它在白色背景上 问题陈述: 在灯光模式下,菜单组件有一些额外的高度,以便说明高亮显示/选定的菜单项,并且它还有一个底部边框。由于页眉固定在屏幕顶部,因此必须跨越整个宽度。 菜单位于Layout.Header下,它自己应用一些填充。 让它看起来像一个全宽标题的方法是有一个跨越它的边框。 我曾考虑在布局.页眉中添加一个边框,但它看起来已损坏(菜单高

说明:

我想在antd中实现一个带有徽标和菜单的固定标题。我遵循了以下文件: (是的,我们仍在v3上) 演示以深色背景显示,菜单组件以深色主题显示。我需要它在白色背景上

问题陈述:

在灯光模式下,菜单组件有一些额外的高度,以便说明高亮显示/选定的菜单项,并且它还有一个底部边框。由于页眉固定在屏幕顶部,因此必须跨越整个宽度。 菜单位于
Layout.Header
下,它自己应用一些填充。 让它看起来像一个全宽标题的方法是有一个跨越它的边框。 我曾考虑在
布局.页眉
中添加一个边框,但它看起来已损坏(菜单高度大约比
布局.页眉
高度高一个像素)

问题的代码沙盒:

我可能遗漏了什么。请帮忙。提前谢谢:)

  • 标题中添加
    背景:'#fff'
  • 菜单主题更改为
    灯光
  • 预览:

  • 标题中添加
    背景:'#fff'
  • 菜单主题更改为
    灯光
  • 预览: