9.要点补充

中间部分居中问题
.wrapper{
height: 30px;
background-color: #123;
}
.content{
margin: 0 auto;
height: 600px;
width: 30px;
background-color: #0f0;
}

图片留空格问题
inline block inline-block 三种display
inline inline-block – 文本类元素
凡是带有inline的元素都有文本的特性

position:absolute;
float:left/right;
它的display会自动变成inline-block

文本一般底对齐
一旦一个行级块元素会文本类元素包含文字，会与里面的文字底对齐
vertical-align调对齐线