css - 如何让我的 CSS 滑出元素推送其相邻的内容？

Question

我已经使用 CSS 制作了一个滑出式元素(在页脚中，图片的左下角)，并希望它在鼠标悬停并滑出时将图片和描述推到右侧.我把它们都设为 position:relative，我是不是漏掉了什么？

对尝试编码还很陌生，所以希望这个问题是有道理的。

谢谢!

这是网站的链接:http://mirandascomplicated.tumblr.com/

Answer 1

它不起作用，因为 #slideout 元素没有改变它的宽度。固定为 20px。

此外，#slideout_inner div 正在通过改变其左侧(正确？)位置滑出。这是行不通的，因为相对元素的左/右/上/下定位实际上并不影响它使用的空间(因此不会使父元素变宽)，它只会影响它的位置显示。尝试为其左边距、填充或宽度设置动画。