一 自动换行：一个div有固定宽高，如果其内容很长，必须两行以上才能显示完整的时候，有两种情况要留意
1 默认如果其内容都是中文，那么内容是可以自适应，而不会溢出div
2 如果内容除了中文之外，还有英文，数字等字符，那么就必须用word-wrap或word-break去控制英文和数字自动换行了
---http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html
二 连同文字一起隐藏：如果对一个div用了transition动画效果，那在动画渐变过程中，如果想把其内容也有动画一块隐藏或显示出来，就要给div加一个overflow:hidden;
如
#pagesDiv {
font-size:50px;
word-break:break-all;
overflow-y: hidden;
height: 0px;
opacity: 0.8;
visibility:
hidden;
background-color: rgb(206, 86, 216);
}
动画效果的CSS类-pageActiveAnimate
#pagesDiv > .pageActiveAnimate {
-webkit-transition: all 1s linear;
height: 300px;
visibility: visible;
}
三 CSS动画：transition/transform/animation
http://segmentfault.com/q/1010000000148307
四 meta标签：meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ===>><meta http-equiv="content-Type" content="text/html;charset=utf-8">