jQuery动画正在影响兄弟姐妹的位置

Question

我有一组元素需要固定在窗口的右侧。将鼠标悬停在一个元素上时，我希望该元素的宽度扩大，但是将其所有兄弟姐妹固定在屏幕的侧面，同时保持其当前宽度。

当前，悬停时，所选元素的宽度会按预期变化，但也会导致其兄弟姐妹移动，并且不再固定在窗口的右侧（如果我将元素固定在左侧）在窗口中，当前代码可以正常工作，但是我需要它在右边）。

当前脚本：

$('.widget-item').hover(function(){ 
    $(this).animate({
        width: '75px', 
    }, 300);
}, function() {
    $(this).animate({
        width: '50px'
    }, 300);

}）;

是否可以添加一些东西到css / jquery中以实现此目的？

JSFiddle

Answer 1

保证金是您的朋友

尝试在小部件项目类中添加这两行

  

margin-left：auto;

     

margin-right：0;

createApplication