如何让我的 CSS 滑出元素推送其相邻内容？
我使用 CSS 制作了一个滑出元素（在页脚中，图片旁边的左下角），并希望当其悬停并滑出时将图片和描述推到右侧。我已经把它们全部定位为相对的，我错过了什么吗？
对尝试编码相当陌生，所以希望这个问题有意义。
谢谢！
以下是该网站的链接：http://mirandascomplicated.tumblr.com/
I've made a slide-out element using CSS (in the footer, bottom left next to the picture) and would like for it to push the picture and the description to the right, when its hovered over and slid-out. I've made them all position:relative, am I missing something?
Quite new to trying to code, so hopefully the question makes sense.
Thanks!
Here's the link to the site: http://mirandascomplicated.tumblr.com/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
它不起作用，因为
#slideout元素没有更改其宽度。它固定为 20px。此外，
#slideout_innerdiv正在通过更改其左侧（正确？）位置来滑出。这不起作用，因为相对元素的左/右/上/下定位实际上不会影响它使用的空间（因此不会使父元素更宽），它只会影响它的位置显示。尝试对其左边距、填充或宽度进行动画处理。It doesn't work because the
#slideoutelement is not changing its width. It is fixed to 20px.Additionally, the
#slideout_innerdivis being slid out by changing its left (correct?) position. This wont work because the left/right/top/bottom positioning of a relative element doesn't actually affect the space it uses (and therefore doesn't make the parent wider), it just affects where it is displayed. Try animating its left margin, padding or width instead.