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才能显示所有内容。