版权声明：本文为博主原创文章，未经博主允许不得转载。
本文要实现的效果为：头部固定，左侧固定，右侧内容可滚动，如下图所示：
下面是三种实现方法，其中html均为：
css方法实现一：均使用fixed.
方法二：利用calc
方法三：relative,fixed,absolute定位
总结：position:absolute是相对于最近的祖先定位为relative、absolute、fixed中的任何一个进行定位，若没有这样的祖先则相对于body进行定位。position:absolute和position:fixed均脱离了标准流。