javascript - 试图将流体宽度 div 变成 100% 宽模态

标签 javascript html css fluid

你可以看到我现在得到的一个例子here .

我正在尝试让“满”的 div 从中间向外扩展,在此过程中将其他 div 推开。我现在所拥有的会将它们推到左边缘,然后展开它们。我知道这是因为我有 position:absolute。关于如何实现这种效果有什么想法吗?

最佳答案

这是我认为您正在描述的工作示例:http://codepen.io/anon/pen/pKfAw

我从 div 中删除了 display: table 并将 .min、.min p 设置为宽度 0px,并隐藏了溢出并删除了高度 0%。

它跳跃的问题是因为你将所有的最小值都设置为 0,并且完全向左浮动。这会自动将其推向左侧,然后向外展开。现在所有的 div 都动画到 0,而 .full 动画到 100%。

关于javascript - 试图将流体宽度 div 变成 100% 宽模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18196223/

相关文章:

javascript - Parse.Promise 和 angularjs $q promise

jquery - 甜蜜警报 2 在父框架中打开

javascript - 将 SVG 定位在浏览器窗口的中间

php - 重定向两次到一个网站

javascript - Phaser3 添加状态会引发错误。无法读取未定义的属性 'add'

Javascript 选择索引值不改变

javascript - 通过 chrome 扩展将监听器附加到 AJAX 事件

javascript - 创建时用内容填充 w2ui

javascript - 多次提交表单信息

jquery - 加载 Jquery 的 jkit 画廊问题