HTML – 如何将图像拉伸到特定段落？

这就是我现在所拥有的.

我从上一个问题中学到了Side to Side如何将选项列与图片对齐 – 使用display inline block attribute- Display.

现在我正在尝试对齐图片,这样图片就不会像原型一样超越娱乐选项.这是JSFiddle

看到div这样的块元素“占据了其父元素的整个空间” – Block Element,Css Height属性对我来说最有意义.

这是我在图像和包含图像的div中设置高度的代码

div

.sidebar {
    display:inline-block;
    vertical-align:top;
    width:70%;
        height:3%;
    }

图片

#laptop {
width:100%;
height:3%;
vertical-align: bottom;
}

3％只是一个硬编码的测试值,但在这两种情况下,图像的高度都没有变化.我在这看到了另一个线程 – Height Thread但是那个人说要调整高度.

有没有人知道在这种情况下缩放图像的高度？