这是默认代码：
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); width: 337px; height:480px; opacity: 1;" class="events-item one-four onsite technical isotope-item">
<div class="events-image"> <img src="img/01_th.jpg" alt="events 1"> </div>
<a href="" title="MYB V3.0" class="open-project">
<div class="project-overlay">
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">MYB V3.0</h4>
<p class="project-categories">Onsite</p>
</div>
</div>
</a>
</div>
当我将其更改为：
<div style="position: absolute; left: 337px; top: 0px; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); width: 337px; height:480px; opacity: 1;" class="events-item one-four onsite technical isotope-item">
<div class="events-image"> <img src="img/01_th.jpg" alt="events 1"> </div>
<a href="" title="MYB V3.0" class="open-project">
<div class="project-overlay">
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">MYB V3.0</h4>
<p class="project-categories">Onsite</p>
</div>
</div>
</a>
</div>
没有什么变化
当我在浏览器中检查元素时，它会显示默认代码
像这样：
有人请帮忙
最佳答案
因此，我只是用您拥有的代码制作了一个样机，用这么小的样本很难分辨出您的问题到底是什么，围绕该代码的元素以及您没有提供给我们看的css类很可能会我没有看到的区别是我发现的。
您已分配了width: 337px，但是元素上没有height，因此它根本不会显示。当我给元素赋予height: 200px并将translate3d中的x位置更改为337px. The object did shift right 337px`时。
再一次，鉴于您提供的小代码示例，就我所知，您已经在标记末尾的多个类之一中分配了高度，有关更多详细的帮助，请为我提供更多信息，我可以更深的外观。
祝好运！
边注：
良好的CSS做法是避免将style属性用于原型之外的其他事情，创建CSS类的模块化程度更高，并允许更好的代码复用。
更新
我运行了您在Google Chrome浏览器中发布的新代码。 transform3d符合预期，将div的xPos移动了337px。
以下是一些屏幕截图：
没有337px偏移量的结果
偏移量为337px的结果
正如您所看到的，您正在添加的偏移量正在发生，但是transform3d似乎还不是一个普遍支持的标签，如果要实现偏移量影响，则有许多传统方法可以实现，例如left: 337px
关于html - 更改后transform3d不变，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31895434/