如何将图像放置在 Bootstrap 导航栏上，直到达到最大高度，然后进入导航栏下方？答案

【问题标题】：How can I place an image on a Bootstrap navbar until it reaches the max height, then go under the navbar?如何将图像放置在 Bootstrap 导航栏上，直到达到最大高度，然后进入导航栏下方？
【发布时间】：2013-05-02 19:12:23
【问题描述】：

基本上，我在一个类似问题的回答中看到了this fiddle。在那个例子中，我希望图像只有 40px 的高度，但仍然是全分辨率，其余的只是在导航栏“下方”。最终结果应如下所示：

我怎样才能做到这一点？

code because of jsfiddle link

【问题讨论】：

标签： html css twitter-bootstrap navbar

【解决方案1】：

只需将overflow 更改为overflow: hidden

查看这个更新的小提琴：http://jsfiddle.net/Hg4CA/1/

基本上overflow: hidden 隐藏任何大于边界框的东西。

您也可以使用overflow-y: hidden 来隐藏任何垂直溢出。

【讨论】：