HTML元素定位

Question

我試圖重新使用HTML和CSS的雜誌封面，但我已經擊中了一塊石頭。

每當我嘗試旋轉textarea並將它對齊到最左邊時，我只得到頂部角落被切割，但我想更多地切割它。

這是我用我的元素的CSS：

textarea { 
    transform: rotate(-10deg); 
    height: 740px; 
    width: 520px; 
} 

這裏的a fiddle
而這裏的the cover

Answer 1

頭positionning

改變你的元素的z-index把它放在其他元素的頂部，例如

z-index : 10; 

見this fiddle

textarea的positionning

你要削減更多的文字區域。這真的是把一個

margin-left: -100px; 

Answer 2

Rotate()旋轉它的內容，保持其width和height一樣簡單。

您需要新增padding或margin才能顯示所有內容。