移动网站上的边框CSS

Question

我在导航标志下的以下网站http://geertsprengers.be/上有一个边框。

现在的问题是，当我在移动网站上有两行徽标时，边框应该与点击标志下方的箭头相同。

完成此操作的最简单方法是什么？

Answer 1

您能否提供一些关于您想要发生的事情的更多信息？

从我能收集到的信息中，您希望在导航中的徽标下面的边框在浏览器缩小到移动大小时（徽标放到两行）时保持低于徽标？

如果这是您将只需做两件事情的情况：

1. 更改float: left你对标识（LI标签）来display: inline-block。

2. 更改height: 54px您目前在导航中已登录到height: auto。

问题是你试图保持浮动元素包含在具有固定高度的元素内，这在你的情况下不起作用。相反，您需要移除固定的高度，这将允许nav在扩展时适应浮动元素。

希望这会有所帮助。