同样是在完成百度前端学院任务：任务七，实现常见的技术产品官网的页面架构及样式布局 的时候。
在联系邮箱表单的时候：
主要是需要加上
vertical-align: middle;
解决方式参考代码
.contact-form input {
width: 400px;
height: 10px;
padding: 15px 10px;
border: none;
vertical-align: middle; //谷歌不加这行显示正常，但是IE不正常
}
.contact-form button {
display: inline-block;
line-height: 40px;
background-color: #6f7178;
color: #fff;
width: 80px;
border: none;
font-size: 15px;
margin-left: -4px;
vertical-align: middle; //不加这行，IE和谷歌都显示不正常，谷歌偏上，IE偏下
}
}
网友评论