Как заставить ширину обложки подстроиться под размер объекта?

Question

[nen0y]

var div = document.getElementsByClassName(".wrap");

	var sld = querySelectorAll(".slider> .pict");

	
	if (sld.offsetWidth > div.offsetWidth)
		{
			div.offsetWidth	= sld.style.offsetWidth + "px";
		}

Есть .wrap - обложка, она должна подстроится под размер .pict (ребенок .slider), но ничего не происходит.
Объектов .pict всегда больше 3, и все они разных размеров. Чем можете помочь?
P.S. При каждом клике картинка меняется, и нужно заново узнавать ее размер.

Answer 1

[Exploding]

1. Снесите свой js
2. В css для .wrap установите width:auto;
Если я все правильно понял...

Answer 2

[Иван]

Может так? (смотрите первые строчки css)

Answer 3

[Александр Владимирович]

background-size: cover;