inline-block：
行内块 人妖 并排显示 6大属性都起作用。
默认是inline-block的标签：img input
浮动可以让块级标签在同一行并排显示。
inline-block 天生 就可以让元素 并排显示，使用浮动实现的，
大多数情况下，也可以使用inline-block来实现。
让块级元素并排显示，目前方案：
1）浮动 难 浮动有很多的特性 清除浮动 所造成的影响
2）行内块 简单 有一个注意的细节
3）flex布局 干死了浮动 CSS3 中提出的 有一些兼容问题
img标签默认有一个小bug:
解决方法：
vertical-align: middle
display:block
input checkbox时注意：
解决：
<input style="vertical-align: -2px;" type="checkbox">同意
