本文共 447 字，大约阅读时间需要 1 分钟。

圣杯布局——三列布局  1、html结构中——先主体内容后侧边栏； 2、两侧固定宽度，中间内容宽度设置width: 100%; 3、主体内容和左右侧边栏分别加浮动float: left; 4、左侧设置margin-left: -100%;将左侧拉到最左边；右侧设置margin-left: -右侧边宽度； 5、将中间露出来：在外面的大盒子上设置padding: 0 右侧边的宽度 0 左侧边宽度； 6、分别为左侧边和右侧边设置position:relative; 左侧设置left:-左侧边的宽度;还原左侧边。 7、右侧边设置right:-右侧边宽度;还原右侧边

示例1

示例2

			
   								
   
			
    
     中间内容
    
			
    
     左边内容
    
			
    
     右边内容
    
		
   
	

转载地址：https://jackiehao.blog.csdn.net/article/details/104399575 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！