为什么用margin设置的水平居中ie中正常，在chrome中左边要多一点呢？

Question

#bannerBox{
	position:absolute;
	top:370px;
	border:2px solid black;
	width:900px;
}

.banner_0{
	margin:0 45px;
	z-index: 9;
	cursor: pointer;
}

.button_apply
{
    margin-top: 100px;
    height: 56px;
    width:260px;
    line-height: 56px;
    text-align: center;
    background: #ffb320;
    display:inline-block;
    border-radius: 28px;
    font-size:20px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

bannerBox是外层div，banner_0是三个六边形的class，button_apply是申请按钮的class。

为什么在三个banner_0可以在ie中水平居中，在chrome中左边距要长一点？该怎么决解这个问题呢？

前者为ie11 后者为chrome

Answer 1

两个浏览器的内核不一样，360浏览器的兼容模式是ie内核，极速模式是非ie内核，火狐，谷歌都是非ie内核的。

Answer 2

父级给font-size给0px试试

Answer 3

*{margin:0;paddding:0} 引入了reset.css？