摘要：一、什么是sticky footer 如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送，我们看到的效果就如下面两张图这样。这种效果基本是无处不在的，很受欢迎。 二、第一种方式，利用margin和padding实现 先看效果 下面是代码 可以尝试下在text-c 阅读全文

摘要：一、flex详解 flex可以参考阮一峰老师的flex布局教程，很详细看完啥都懂了 链接：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 二、flex设为1和auto的区别 当我看完阮老师的fle 阅读全文

摘要：之前在电视的webview上投放广告页面时，遇到了个问题，就是视窗大小和文档大小不一致。最后发现原来有CSS Pixel这个概念，搜集了一些资料，希望能把这个问题捋捋清楚。 首先提出一个大家常常会忽略的问题： 如今主流手机屏幕的像素点数已经远远超过了桌面显示器的像素数量，5.5英寸1920x1080 阅读全文

摘要：一、CSS常见的两栏布局 如上图，是一个很简单的两栏布局，就是一个宽度为960px；并且页面居中显示，侧边栏栏宽度为220px；主内容宽度720px；两者有一个20px的间距，并且有页眉和页脚。 代码也很简单： 目前的布局一点问题都没有，因为容器子元素的宽度，间距加起来刚好和容器wrapper相等， 阅读全文

摘要：弹性盒子模型 由于 CSS 传统的布局手段很难完全满足现代网站的需求，所以有了 flex 布局。人们经过讨论诞生了第一个版本以后，就有浏览器率先实现了 `display: box` 及相关的其他功能。 而大家发现这一版仍然不是很让人满意，于是再讨论一番又更新了一版。但是之前已经有网站按老的规范用上了 阅读全文