Html 全宽div旋转不'；不要占最大宽度

我试图制作一个全宽度旋转的标题，但问题是，当我在标题的右角旋转它时，它有一个空间。为了更好地理解我的问题，我做了一次尝试。我尝试了好几个小时，很多方法都没用。多谢各位

#header {
background: rgba(255,0,0,0.7);
height: 150px;
transform: rotate(356deg) ;
-webkit-transform: rotate(356deg) ;
-moz-transform: rotate(356deg) ;
-o-transform: rotate(356deg) ;
-ms-transform: rotate(356deg) ;
-webkit-transform-origin: bottom left;}

---

我相信这就是你想要的：

小提琴：

HTML：

<div id="container"><div id="header"></div><div>

• 容器可防止任何过度的水平滚动
• 宽度扩展到

  100%

  以上，以便继续向右和向左移动
• 左边距设置为负数，以使其继续向左，而不是仅向右
• 您的

  -webkit转换原点：左下角CSS代码专门针对Chrome而不是其他浏览器。对于跨浏览器支持，您可以使用：
  
  -webkit变换原点：左下角；
  -ms变换原点：左下角；
  变换原点：左下角；
  

---

所以您基本上只希望标题继续向左和向右？没错！我解释得不对。我的头要爆炸了你太棒了！非常感谢你！我看看我能做些什么，我很蠢。。我忘了在origin上添加moz前缀！现在一切都好了！谢谢