header div固定,content div填充父容器
  • HTML
    1
    <div class="parent">
    2
    <div class="header">
    3
    header
    4
    </div>
    5
    <div class="content">
    6
    content
    7
    </div>
    8
    </div>
    Copied!
  • CSS
    1
    .header {
    2
    height: 50px;
    3
    }
    4
    .content {
    5
    margin-top: -50px;
    6
    padding-top: 50px;
    7
    height: 100%;
    8
    }
    Copied!
    通过负的margin-top来实现,好可耻233333
复制链接