当浏览器升级时Div移动

Question

我有一个像这样的代码69authentic.com/fancy/hero.html我的.hero-panel__desc在浏览器升级时向上移动。如何防止这种情况发生？

编辑：

抱歉，我之前没有提供代码

＆＃13;

＆＃13;

.desc__contact {
  position: relative;
  bottom: -250px;
  left: -30px;
}

.desc__contact ul li {
  font-weight: bold;
  list-style: none;
}

.home-panel {
  z-index: 0;
  height: 1920px;
  background: white;
  transform: skew(0deg, -65deg) translateY(-1990px);
}

.logo {
  z-index: 20;
  position: absolute;
  top: 70px;
  left: 80px;
}

.hero-panel__desc {
  position: relative;
  width: calc(30% - 60px);
  left: 65px;
  padding: 10px;
  transform: skew(0deg, 65deg) translateY(1000px);
}

.icons {
  position: relative;
  bottom: 0;
  left: 0;
  background: gray;
  width: 100%;
  height: 80px;
}

＆＃13;

<div style="background:gray;height:100vh;overflow:hidden;" class="ultimate-hero">
  <div style="z-index:10;position:absolute;overflow:hidden;" class="home-panel">
    <div class="hero-panel__desc">
      <div class="desc__about">
        <p>
          <b>Sixtynine authentic</b> merupakan sebuah brand sport apparel yang lahir dari kearifan lokal untuk menghasilkan produk yang berkualitas. Kami hadir untuk mewujudkan impian jersey anda dengan model yang di inginkan dengan kualitas terbaik dan
          harga terjangkau. Check <a href="#">how to order</a>.
        </p>
      </div>
      <div class="desc__contact">
        <ul>
          <li>
            Jl. Solontongan No. 20C Buahbatu, Bandung
          </li>
          <li>
            +62877 6996 6969
          </li>
        </ul>
      </div>
      <div class="icons">

      </div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

或者你可以在这里看到https://jsfiddle.net/atmocode/Lkjdsp96/请扩展视口（不要知道它叫什么），看看我的意思。