倾斜的div没有正确转换？

Question

我有一个用transform创建的斜div：skewY（-10deg）; 但我无法将其置于页面顶部，并带有指令顶部：％。

它不起作用。

如何让它发挥作用？

使用top：0和left：0：

顶部：-135px：

Answer 1

尝试将元素triangle-div的css更改为以下内容。

#triangle-div{
    width: 0;
    height: 0;
    border-top: 100px solid red;
    border-right: 200px solid transparent;
    position: fixed
}

Answer 2

请提供jsfiddle或您想要实现的目标 - 目前还不清楚您想要什么。

然而，要集中定位div：

div {
  position: fixed;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
}