今天在慕课网看视频的时候，有一节关于网页布局结构样式分离之性能优化的适配让我印象颇深，虽然很简单但是思想很好，就记录下，以后多学习学习~

我们首先来看一个布局：

……

最近几天，在给本站的名誉主编叶不萌做个人名片的时候，因为想要讨好小姐姐给她做点不一样的动画效果，就重新去学习了下CSS3中transition以及Animation的使用，在此记录下。内容参考了国外的一个网站上关于css3动画的介绍：http://softstribe.com/webdesign/how-to-use-css3-transition-and-animation-effects/以及饥人谷前端学习指南

……

首先解释下，CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。而浮动是CSS中用到的很多的一个选项，他有三个性质。关于浮动我们要强调一点，永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。

浮动元素脱离标准文档流……