我試圖將旋轉的文本從頂部滾動到父級 div 再到其底部，問題是由于它是一個旋轉元素，我無法將其精確地居中于父級的底部，請檢查下面的演示來理解我的觀點。任何幫助將不勝感激演示.parent {  position: relative;  display: flex;  flex-wrap: wrap;}.section-title {  float: left;  position: sticky;  transform-origin: 0% 0;  transform: rotate(-90deg) translateX(-111%) translateY(0);  font-size: 5em;  line-height: 100%;  font-weight: 600;  top: 0;  text-align: left;  -webkit-transform-origin: 0% 0;  -ms-transform-origin: 0% 0;}.content {  display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 5px;}.content div {  background-color: green;  height: 500px;  width: 500px;}.content.two {  z-index: -1;}.content.two div {  background-color: red;  height: 500px;  width: 500px;}<div class="parent">  <div class="content two">    <div></div>    <div></div>    <div></div>  </div></div><div class="parent">  <div class="section-title"> section title </div>  <div class="content">    <div></div>    <div></div>  </div></div><div class="parent">  <div class="content two">    <div></div>    <div></div>    <div></div>  </div></div>