CSS之经典布局——头部底部固定,中间部分自适应高度,且中间部分包含左中右三部分,其中左右固定,中间自适应

 

实现效果:

CSS之经典布局——头部底部固定,中间部分自适应高度,且中间部分包含左中右三部分,其中左右固定,中间自适应_第1张图片

思路:

头部和底部采用绝对定位,中间部分采用绝对定位,其top、bottom值为头部和底部的高度,中间部分内容的左右采用相对定位(采用绝对定位,浮动失效),中间采用绝对定位,其right、left值为左右的宽度。

代码:




    
    Title
    


    

你可能感兴趣的:(CSS)