Позиционирование элемента при повороте

программирование html css jQuery

Привет! Проблема такая: есть основной блок, в него загружается блок-картинка, допустим что картинка не квадратная, а как это чаще всего бывает - прямоугольная. я взял скрипт поворота элементов, сделал 2 кнопки поворот влево и вправо (он поворачивает через CSS3 свойство transform: rotate [deg]), с поворотом у меня все хорошо, работает. Проблема возникает в следующем: размер у основного блока, в который грузится блок с картинкой, фиксирован по высоте, когда я поворачиваю блок-картинку на 90deg она визуально вылазит за пределы блока чем перекрывает некоторые элементы, я хочу сделать динамическое расширение основного блока. Что бы когда картинка становилась большей стороной в вертикальное положение, то блок растягивался и картинка оказывалась внутри, ничего не перекрывая, а когда я её ещё раз поворачиваю и она принимает горизонтальное положение большей стороны, то блок уменьшался.

Я попробовал так:
берем большую сторону и делим на 2, добавляем произвольную величину, например четверть большей стороны, далее замеряем позицию ( $(image).offset().top ) картинки от верха окна браузера.
далее увеличиваем основной блок на то произведение которое получилось в первой строке а саму картинку опускаем на четверть большей стороны вниз. но вот вернуть все в исходное положение при следующем повороте для меня проблемой встало. помогите пожалуйста.
Ответы:
а просто min-height не пробовали?
можно попробовать вообще отказаться от высоты, попробуйте задайть блоку padding


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.