> For the complete documentation index, see [llms.txt](https://blog.cweihang.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blog.cweihang.io/web-front/head_content.md).

# header div固定，content div填充父容器

* HTML

  ```markup
  <div class="parent">
    <div class="header">
        header
    </div>
    <div class="content">
        content
    </div>
  </div>
  ```
* CSS

  ```css
  .header {
    height: 50px;
  }
  .content {
    margin-top: -50px;
    padding-top: 50px;
    height: 100%;
  }
  ```

  通过负的margin-top来实现，好可耻233333