.rotation-pop-shift_container { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }超过高度没有换列

如果您想让Flex容器中的内容在超过容器高度时换行，可以尝试以下样式：

.rotation-pop-shift_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%; /* 设置高度 */
}

.rotation-pop-shift_container > * {
  width: 100%; /* 设置子元素宽度为100% */
}

这里，我们将Flex容器的方向设置为`column`，并使用`flex-wrap`属性将其设置为换行模式。然后，我们将容器的高度设置为100%，并将子元素的宽度设置为100%。这样，当子元素在纵向方向上超出容器高度时，它们将被换到下一行。请注意，在使用`flex-wrap`属性时，子元素的宽度应该被设置为100%以确保它们能够正确地换行。

相关问题

.l-working_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }什么意思

这是一段CSS样式代码，作用是设置一个元素的布局和样式。具体含义如下：

1. `display: -webkit-box; display: -ms-flexbox; display: flex;`：这三行代码是设置该元素的布局方式为flex布局，其中`-webkit-box`和`-ms-flexbox`是为了兼容性而设置的，`flex`是标准的写法。

2. `-ms-flex-wrap: wrap; flex-wrap: wrap;`：这两行代码是设置当该元素内的子元素超过容器宽度时，是否换行。`wrap`表示超出容器宽度后自动换行。

3. `width: 100%;`：这行代码是设置该元素的宽度为100%，即占满父容器的宽度。

因此，这段CSS样式的含义是将该元素设置为flex布局，并且设置当子元素超过容器宽度时自动换行，同时将该元素的宽度设置为100%。

``` display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; ```注释

这是一段CSS代码，它定义了一个元素的布局方式。这个元素使用了flex布局，其中包括了几个浏览器前缀，以保证在不同的浏览器上都能够正确地显示。其中各个浏览器前缀的意义如下：

-ms-flexbox：适用于IE10以上的浏览器。
- -webkit-flex：适用于Safari和Chrome浏览器。
- -moz-flex：适用于Firefox浏览器。
- -ms-flex：适用于IE10以上的浏览器。
- flex：适用于大多数现代浏览器。

这些前缀可以保证在不同的浏览器上都能够正确地显示flex布局。