css中 div整体旋转90度如何实现高度和宽度100%撑满屏幕

在CSS中，如果你想要让一个`div`元素整体旋转90度并保持其高度和宽度为100%以充满整个屏幕，你可以这样做：

.container {
  position: absolute;
  transform: rotate(90deg);
  width: 100%;
  height: 100%;
  overflow: auto; /* 添加这个属性以便内容滚动 */
}

/* 如果容器内有绝对定位的内容，也需要调整它们的位置 */
.content {
  position: relative;
  transform: rotate(-90deg) translateX(100%); /* 翻转同时向左移动100%，使得内容显示正常 */
}

在这个例子中，`.container`设置了`position: absolute`使其脱离文档流，并使用`transform: rotate(90deg)`旋转元素。因为`width`和`height`设置为100%，所以它会占据屏幕的整个空间。`overflow: auto`确保内容可以垂直滚动。

对于`.content`内的绝对定位元素，我们使用了`transform: rotate(-90deg) translateX(100%)`来抵消主容器的旋转，使其看起来像正常的布局。