Jquery改变div / img的位置

Question

我找到了一个解决方法，将较大的图像（无背景）置于较小的div中。

#pic {
 width: 60%;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}

#pic img {
 left:50%;
 margin-left: -100%;
 position:relative;
}

我对定位感到满意。

但是，一旦我使用Jquery循环插件，它就会完全弄乱图像的位置和大小。

当我检查元素时（使用DOM检查器），它会触发以下值：

<击>左：50％;

margin-left：-100％;

这导致重新定位。

为什么在使用Jquery之后它们都突然变得无效了，我该如何解决这个问题呢？

感谢您的帮助！

斯科特

Answer 1

您可以尝试在css中添加！important

 #pic {
 width: 60% !important;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}
#pic img { 
left:50%;
 margin-left: -100% !important;
 position:relative;
}