标题元素对齐答案

【问题标题】：Header elements alignment标题元素对齐
【发布时间】：2021-04-17 10:59:18
【问题描述】：

我正在尝试复制此标头： https://minelligroup.com/ 在这个相关的网站上： https://blog.minelligroup.com/packaging

但是，如您所见，我的社交分享按钮存在对齐问题。我找不到阻碍它们与菜单栏其余部分对齐的原因。我想这可能是一个过渡问题，但我无法解决。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

你可以想象导航是这样的

有两列，第二列是社交和菜单。每个列相对于其父列的宽度为 100%。使用text-align:right; 和display:inline-block; 将它们“浮动”到正确位置。

【讨论】：

嗯，这不是我所需要的。我需要将社交图标放在菜单的右侧，而不是顶部。
这是从我的外观复制而来的。这就是你要找的？ jsfiddle.net/24fj0zsa
是的，这是正确的。您使用哪个浏览器来查看您的第一个示例？
1920x1080 上的火狐
谢谢，我在火狐上看，可以看出问题了！关于您对菜单的建议，我可以看到您的建议是将您称为“父母”的 div 浮动在左侧。在这种情况下，菜单转换将发生变化，菜单项将向左移动。