摘要: 上一次我们已经说完了圣杯布局,这次来说说双飞翼布局吧。 首先,先给上全部代码 上述代码与圣杯布局相比HTML的结构不一样,在中间栏多了一个内容栏,根据盒子模型,我们就不能在main栏设置margin,因为之前设置了width:100%,若再设置margin会 超过所设宽度,我们用内容栏存放内容,并设 阅读全文
posted @ 2019-08-29 15:54 smile小吴 阅读(1990) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局和双飞翼布局是经典的三栏式布局,同时也是我们面试中的常客,他们效果相同,都是左栏和右栏固定长度,中间栏宽度自适应。在HTML结构上中间栏在浏览器里优先渲染。圣杯布局和双飞翼布局有着相似的思路,但是在某些细节上也有不同点。下面简单介绍下。本篇首先详解下圣杯布局,下一篇再介绍双飞翼布局 圣杯布局 阅读全文
posted @ 2019-08-29 13:29 smile小吴 阅读(404) 评论(0) 推荐(0) 编辑