如何做出双飞翼布局与圣杯布局

说起网站布局,之前一个做PS设计的朋友说过“网站布局”不就和我做图片一样,把各种需要的组件一摆,然后设个宽高给个定位不就行了,有什么麻烦的,确实,一开始在做网站的时候很多时候都是每个元素固定给宽高,很快就做完了,但这样的办法去做网站的话存在一定的缺陷,例如在不同分辨率的设备上显示的话可能与你一开始设计的样式并不相同。为了解决这样的情况,我们现在布局更偏向于把网站做成宽高自适应的布局,另外,在解决了自适应问题以后,我们更侧重去对网站进行一些优化,例如使占用空间较大的图片,段落等内容优先加载,可以提升用户的观看体验。而今天我们的主题,“双飞翼布局”与“圣杯布局”就是一个两边固定,中间宽度自适应,并