Вот прототип, который я пытаюсь реализовать Вот что у меня сейчас.

Я узнал из моего предыдущего вопросаБок о бок Как выровнять столбец опций с изображением - используя атрибут inline block display- дисплей.

Сейчас я пытаюсь выровнять картинку, чтобы она не выходила за рамки развлекательной опции, как в прототипе. ВотJSFiddle

Видя, что блочный элемент, такой как div, «занимает все пространство своего родительского элемента» -Блок ЭлементCssРост Атрибут имеет больше смысла для меня, чтобы использовать здесь.

Вот мой код для установки высоты как на изображении, так и в div, содержащем изображение

Див

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

Изображение

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

3% было просто жестко заданным значением теста, но в обоих случаях высота изображения не изменилась. Я видел другой поток на этом -Высота резьбы но тот сказал, чтобы отрегулировать высоту, а также.

Кто-нибудь знает масштабировать высоту изображения в этой ситуации?