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

Question

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

我怎样才能做到这一点？

code because of jsfiddle link

Answer 1

只需更改 overflow到溢出:隐藏

查看更新后的 fiddle :http://jsfiddle.net/Hg4CA/1/

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

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