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

标签 css slider push

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

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

谢谢!

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

最佳答案

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

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

关于css - 如何让我的 CSS 滑出元素推送其相邻的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9079451/

相关文章:

html - 无法删除导航栏中的默认 Bootstrap 填充

sql - 如何从数据库中获取保存的文本布局

javascript - slider 导航点未突出显示

jquery - 查询 : 2 divs slide right/left

javascript - 使用 jquery 创建图像 slider 时出现问题

php - array_push() 和 $array[] 之间的区别 =

javascript - 许多div的随机大小和位置

javascript - FireFox 中的 Canvas 进度圈

ios - didFailToRegisterForRemoteNotificationsWithError : user refused error?

Git 期望数字超时?