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

Question

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

我怎样才能做到这一点？

code because of jsfiddle link

Answer 1

只需将溢出更改为overflow: hidden

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

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

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