摘要：参考：https://www.w3cplus.com/css/centering-css-complete-guide.html 一.水平居中 1.行内元素： text-align:center即可 2.块级元素【固定宽度】： (1).一个固定宽度的块级元素，使用margin:0 auto即可 cs 阅读全文

摘要：一、参考文章 1.双飞翼布局和圣杯布局的对比(http://www.cnblogs.com/tinyphp/p/4743674.html) 二.双飞翼局中用到的属性： 1.浮动——float：设置浮动后，元素会脱离文档流，如果希望文档流按照布局顺序显示，那么需要用到“清除浮动”的hack (1).l 阅读全文

摘要：一.需求： 想实现上图中的布局，我们一下子就可以构想出大致的html结构： 配上少许的css，再来看一下效果： 但是结果却不尽人意。因为给section中的div设置了float：left，使得section的高度失真（高度只有18px）： 二.此时遇到的问题有： 1.section高度失真。 2. 阅读全文

摘要：一、参考文章 1.圣杯布局的实现过程（https://www.cnblogs.com/tinyphp/p/4742922.html） 2.http://www.jianshu.com/p/f9bcddb0e8b4 二.圣杯布局中用到的属性： 1.浮动——float：设置浮动后，元素会脱离文档流，如果 阅读全文

摘要：一.参考文献： 1.Flex 布局教程：语法篇(http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) 2.Flex 布局教程：实例篇(http://www.ruanyifeng.com/blog/2015/07/flex-examples 阅读全文