更复杂的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

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