摘要: 一、参考文章 1.双飞翼布局和圣杯布局的对比(http://www.cnblogs.com/tinyphp/p/4743674.html) 二.双飞翼局中用到的属性: 1.浮动——float:设置浮动后,元素会脱离文档流,如果希望文档流按照布局顺序显示,那么需要用到“清除浮动”的hack (1).l 阅读全文
posted @ 2017-11-14 17:03 Ch11ry 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 一.需求: 想实现上图中的布局,我们一下子就可以构想出大致的html结构: 配上少许的css,再来看一下效果: 但是结果却不尽人意。因为给section中的div设置了float:left,使得section的高度失真(高度只有18px): 二.此时遇到的问题有: 1.section高度失真。 2. 阅读全文
posted @ 2017-11-14 16:21 Ch11ry 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 一、参考文章 1.圣杯布局的实现过程(https://www.cnblogs.com/tinyphp/p/4742922.html) 2.http://www.jianshu.com/p/f9bcddb0e8b4 二.圣杯布局中用到的属性: 1.浮动——float:设置浮动后,元素会脱离文档流,如果 阅读全文
posted @ 2017-11-14 15:12 Ch11ry 阅读(390) 评论(0) 推荐(0) 编辑