jQuery使用（x）％动画显示屏幕

Question

我遇到了一个小问题，我想用（x）px与另一个div隔开一个div。

目前，我的原始div位于

left: '30%';

但我希望第二个div是

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

目前，我无法使其正常工作，因为无法为百分比添加px值（我相信）。

只是想知道是否有解决方法，这也很容易理解。 谢谢！

Answer 1

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

DEMO

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

编辑： OP需要动画。 DEMO

Answer 2

如果第二个div的位置相对于第一个div，则您应该能够使用第一个div的偏移量而不是设置的百分比：

$('.div2').offset({
    left: $('.div1').offset().left +  $('.div1').outerWidth() + 5
})