三角形和边距问题

Question

代码按照老师的写的   

.st-panle{

left: 0;

top: 0;

background: #fff;

overflow: hidden;

}

.st-desc{

width: 200px;

height: 200px;

background: red;

position: absolute;

left: 50%;

top: 0;

margin-left: -100px;

-webkit-transform: translateY(-50%) rotate(45deg);

-moz-transform: translateY(-50%) rotate(45deg);

-o-transform: translateY(-50%) rotate(45deg);

-ms-transform: translateY(-50%) rotate(45deg);

transform: translateY(-50%) rotate(45deg); 

}

  求大神帮忙看看