双飞翼布局和圣杯布局

一、两种布局的目的:

使得左右两边的宽度不随着浏览器窗口的变化而变化,是固定的,只有中间的部分才可以随着窗口变化而变化。

二、两种布局的区别:

圣杯布局是通过父元素padding来设置左右,不遮挡中间内容
双飞翼布局时通过设置margin来限制内部区域从而是中间内容不受影响

圣杯布局代码:


 
		
		    
center
left

双飞翼代码:


		
		
center
left

你可能感兴趣的:(面试题,前端,javascript,css)