侧边布局当内容过长时Sider与子Layout变为垂直排列

[aarryy]

Environment(required)

• antd version: 2.6.0
• OS and its version: MacOS 10.12.2
• Browser and its version: Google Chrome 55.0.2883.95， Safari 10.0.2

What did you do? Please provide steps to re-produce your problem.

使用布局中的侧边布局，在Content部件中放入一段长一点的文字

What do you expected?

Sider与子Layout水平排列

What happen?

Sider与子Layout垂直排列， 原来子Layout所占据位置空白

Re-producible online demo

http://codepen.io/aarryy/pen/WRNzQg

[zhenzong]

我也遇到这个问题了。
临时解决方式，覆盖antd的样式：

.ant-layout {
    flex-wrap: nowrap;
}

.ant-layout-header,
.ant-layout-footer {
    flex: 0 1 auto;
}

然后侧边布局里的.ant-layout改为垂直方向排列：

#main-container.ant-layout {
    flex-direction: column;
}

ps:
如果Sider中有多个层级的SubMenu的话，折叠起来的样式不是很好看。只能通过监听折叠的事件，然后当折叠的时候把SubMenu处理为MenuItem，当不是折叠的时候再用SubMenu。

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.