Можно ли родительскому элементу задать ширину img?

Question

[dranets13]

Добрый день! Есть вот такая страничка joxi.ru/5md0zBdfknBMqm . Проблема с ховером. Когда картинка profile-img шире или равна по ширине родителю .profile-avatar тогда все хорошо. Но когда картинка уже родителя, то при ховере (который навешен на родителя) "оверлей" вылазит за края картинки. Как можно сделать (вероятно стилями никак, только JS) чтобы родительский элемент принимал ширину img, чтобы при ховере "оверлей" не вылазил за края.

Comments

[alex]

ссылку на сайт, а не картинку

Answer 1

[iBird Rose]

поставить для родителя display: inline-block и не задавать фиксированную ширину.

Comments

[dranets13]

Спасибо! Впал в ступор, ваше решение ведь было очевидно)

Answer 2

[chelkaz]

Так Вы сами родителю 100% ширины указали, соответственно родитель принимает ширину своего уже родителя.
Вы напишите толком что именно нужно и какой результат. И лучше не картинку, а ссылку.

Comments

[dranets13]

100% ширины задано не родителю а его псевдоэлементу, чтобы был оверлей. Решение найдено, спасибо за помощь!