怎么把横着的导航栏变成竖着的用css来实现

可以通过CSS的transform属性来实现将横向导航栏变成竖向导航栏。具体实现方法如下：

1. 首先将导航栏的列表项（li元素）设置为inline-block，使其横向排列；

2. 然后将导航栏容器（ul元素）设置为相对定位（position: relative）；

3. 最后将每个列表项（li元素）设置为绝对定位（position: absolute），并根据需要设置top、left等属性，同时使用transform属性来将其旋转90度，实现竖向排列。

以下是示例代码：

.nav {
  position: relative;
}

.nav li {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  transform-origin: top left;
}

需要注意的是，由于旋转后导航栏宽度会改变，可能需要对导航栏容器（ul元素）进行宽度调整，以确保导航栏可见。