1. img元素默认情况下底部会有空白的解决办法？ 1）img { display:block; } 2）img { vertical-align:top/bottom/middle; }（参考：https://www.zhihu.com/question/21558138）
2.垂直居中简单的解决方法：如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。多行未知高度文字的垂直居中：它的高度是可变的那么，设定Padding，使上下的padding值相同即可。
3.通过html,body{height:100%}设置全屏显示。一个div块级元素没有主动为其设置宽度和高度，浏览器会为其分配可使用的最大宽度(比如全屏宽度)，但是不负责分配高度，块级元素的高度是由子元素堆砌撑起来的。那么，html和body标签的高度也都是由子级元素堆砌撑起来的。还有，元素高度百分比需要向上遍历父标签要找到一个定值高度才能起作用，如果中途有个height为auto或是没有设置height属性，则高度百分比不起作用。
4.inline-block元素之间空白间距的解决办法：第一：去掉html标签中的空格和回车；第二种设置font-size为0。