请教 css 布局相关问题

Question

如下 html 结构：

<header></header>
<main>
  <aside></aside>
  <section></section>
</main>

如何使用 css 布局实现如下布局：

谢谢。

Answer 1

这结构除了 absolute 也没办法了吧。

想到了下面两个方案

1. 全部都是 absolute
2. header和main做个margin-left.然后aside做absolute