一般情况下，放一个就够了东西要从上往下放，但是现在有一个需求是这样的，header是固定的，下面会有很多带滚动条的东西。我曾经修复标题并给包装器一个overflow-y:hidden。但是现在还有一个恶心的需求，整个wrapper的背景是一样的，header会有一些文字，没有背景。如果你这样滚动，你会从文本之间的空隙看到滚动的内容。一句话，header是一个不确定高度的div，body自动补满剩余高度。现在有两种方法，我倾向于使用js方法一获取动态高度：varheader=document.getElementById('header');varbody=document.getElementById('body');body.style.height=800-header.clientHeight+'px';第二种方法是只用css搞定。对于灵活布局，首先想到的是flex方法二：.wrapper{display:flex;弹性方向：列；//垂直轴方向}。身体{弹性：自动;//自动填充剩余空间}flex学习链接