CSS：绝对元素在Google Chrome中不断跳跃

我有一个绝对定位的表单，它显示在页面加载位置下方大约200px处。如果我打开chromedev工具，禁用并重新启用任何CSS图像，它就会去它应该去的地方

这只发生在谷歌浏览器上

我尝试过使用下面的特定于chrome的CSS规则，但不起作用

-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);

我怎样才能解决这个问题

以下是相关页面：

---

< P>我想你应该看看你的标记是如何构造的，并考虑重新格式化。对于1，横幅中的左框位于右侧表单的后面。就像其他任何你应该从左到右构建的东西一样

<div id="banner">
   <div id="left_content"></div>
    <div id="right_form"></div>
</div>

---

这不会给你你想要的样子。。。但是使用这种方法将真正有助于从一开始就消除这些类型的问题

它很可能嵌套在一个不同的元素中，而不是您想要的元素。记下父元素

查找标题图像来自的元素。可能

然后确保元素定义为

position:relative

在这些标记中，有您试图定位在此区域内的元素的相关标记

<header>
   <div id="absoluteelement">
   </div>
</header>

它将位于父元素的顶部和左侧坐标处，因此只需仔细检查代码和嵌套即可。另外，确保为该区域定义了所有宽度和高度。希望这能有所帮助。
我会首先剥离
上的大部分繁重布局样式。form\u holder\u top
及其子项。你的布局很简单，你不必那么费力。让网格来做举重。我增加了一个最小高度：232px，跳跃现在大大减少了。希望它能帮助你。如果是这样的话，请考虑接受这个答案：）我增加了跳跃容器的高度，这个问题已经大大减少了。
<header>
   <div id="absoluteelement">
   </div>
</header>

#absoluteelement {
   position:absolute;
   top:50px;
   left: 200px;
   // more
}