更复杂的Flex布局

Question

只尝试在chrome中实现这种布局.
布局中的名称是它的类,所以你在那里有一点混乱的方向
这是我想要使用的布局:

(The "nothing changed" part is the one with class "info")

|------------------------------|
|                              |
|           header             |
|------------------------------|
|      |                       |
|      |        info           |
|      |-----------------------|
|      |      |                |
|      |      |                |
| nav  |      |                |
|      | menu |     main       |
|      |      |                |
|      |      |                |
|      |      |                |
|------|------|----------------|

链接到具有杂乱布局的现有示例.我正在尝试
http://codepen.io/Akxe/pen/chIzx

Answer 1

你的代码太大了，无法理解，所以我只是从头开始，做了一个简单的模板

这是我的笔： http: //codepen.io/chaitan94/pen/vFgek

我使用百分比制作了所有宽度，因此它是一个基本的流体模板。希望这可以帮助！