Html CSS3旋转和网站宽度

我必须轮换我网站上的部分内容。问题是要旋转的部分是网站宽度的100%，旋转后，它们的宽度超过了100%，所以我有一个丑陋的水平滚动条

我试图添加一个 溢出：隐藏 但网站不能垂直滚动，所以这不是一个解决方案

这是一把小提琴：

HTML:

<div class="first"><h2>Txt txt </h2></div>

<div class="wrapper">
  <div class="bgtext ">
      <h3>Texte TexteTexteTexteTexte Texte Texte Texte Texte Texte Texte </h3>
  </div>
  <div class="bottomrotated"></div>
</div>

你可以加上：

body{
    overflow-x:hidden;
}

禁用水平滚动条但允许垂直滚动

试试看，

  body{overflow-x:hidden}

  body{overflow-x:hidden}