前言 闲着无事,做一些实战练习,今天实现一个如标题所示的布局设计.通过此次布局设计,我希望掌握position属性值 fixed.absolute.relative.width和height属性值 inherit.百分比的区别和作用.布局的效果: 布局可以适应窗口高和宽的变化,这种就需要监听窗口,以及运用 CSS 变量的知识. 起步 根据布局实现的效果图可知,左右排列的是两个div块级元素,第二个块级元素内是传统的文档流排列方式,即上下排列.头部是一个固定定位,与侧边栏的定位一致.内容区域可以滚…