qq_44855897的博客

css布局方式之圣杯与双飞翼圣杯布局双飞翼布局圣杯布局1,什么是圣杯布局?　　　所谓圣杯布局就是用于实现一个两侧宽度固定，中间宽度自适应的三栏布局2，构建圣杯布局的步骤：　　　　2.1，添加一个容器，在这个容器中添加放三个盒子（左、中、右）；　　　　2.2，设置两侧盒子（左、右）的宽度 ，使其宽度固定；　　　　2.3，设置中间盒子的宽度为100%，这是中间盒子宽度自适应的关键；　　　　2.4，设置容器的padding-left和padding-right属性，属性值分别为左盒子的宽度和右盒子