Как разрешить моему CSS-элементу выдвигать соседний контент?

Question

Я сделал выдвижной элемент с помощью CSS (в нижнем колонтитуле, слева внизу рядом с рисунком) и хотел бы, чтобы он сдвинул изображение и описание вправо, когда он переместился и выдвинулся , Я поставил их всех в положение: родственник, я что-то упустил?

Совершенно новичок в попытках кодирования, так что, надеюсь, вопрос имеет смысл.

Спасибо!

Вот ссылка на сайт: http://mirandascomplicated.tumblr.com/

Answer 1

Не работает, потому что элемент #slideout не меняет свою ширину. Фиксировано до 20px.

Кроме того, #slideout_inner div выдвигается путем изменения его левого (правильного?) Положения. Это не сработает, потому что позиционирование относительного элемента влево / вправо / сверху / снизу на самом деле не влияет на пространство, которое он использует (и, следовательно, не расширяет родительский элемент), оно просто влияет на то, где он находится отображается . Попробуйте вместо этого анимировать левое поле, отступ или ширину.