Имеется div в нем img при нажатии на картинку поворачиваю на 90 град (transform:rotate). Но проблема в том, что img начинает выходить за div перекрывая вышестоящие элементы. overflow:hidden не решение.
$('.imgPrevAuto').on('click', function() {
deg += 90;
$('.imgPrevAuto').css('transform', 'rotate(' + deg + 'deg)');
});
.imgPrevAuto {
margin: auto;
position: relative;
top: 0;
left: 0;
max-width: 100%;
transform-origin: center center;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal-body">
<div class="col-md-12 col-xs-12 column text-center" id="imgShow" style="height: 1368px;">
<img src="path" class="imgPrevAuto">
</div>
</div>