javascript - jQuery 动画屏幕使用 (x)%

标签 javascript jquery html css

我遇到了一个小问题,我想用 (x)px 将一个 div 与另一个 div 隔开。

目前我有原来的div在

left: '30%';

但我希望我的第二个 div 是

left: '30%' + (width of first div) + (5px of border space);

目前我无法让它工作,因为百分比不能与 px 值相加(我相信)。

只是想知道有没有办法解决这个问题,这也很容易理解。谢谢!

最佳答案

是的,它们可以被添加。使用 calc()

DEMO

left: calc(30% + 250px + 5px); /* assuming width of your div is 250px;*/

编辑: OP 需要动画。 <强> DEMO

关于javascript - jQuery 动画屏幕使用 (x)%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22289997/

相关文章:

javascript - 在rails中自动刷新包含辅助函数和javascript函数的div

javascript - 使用 javascript 从 flash 捕获冒泡键事件?

javascript - 使用 javascript 将 pong 风格街机游戏中的球更改为图像

javascript - jquerymobile 弹出功能在 onClick 中不起作用

html - 如何在右侧底部对齐 Div?

javascript - 如何使用单个脚本函数分别更改多个产品的价格?

javascript - jQuery 结果未显示在字段中

javascript - 如何在用户注销时隐藏侧边栏并在用户登录时显示侧边栏?

javascript - JSON 到 HTML 表的转换

jquery - .clone() 影响实际的 HTML 而不是副本