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

#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

56c30ede0001a5dc05000212.jpg

56c30edf0001e7c105000212.jpg


utvc
浏览 2756回答 4
4回答

诺亚慈航

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

echo_kinchao

父级给font-size给0px试试

Ewall_

*{margin:0;paddding:0} 引入了reset.css?
打开App,查看更多内容
随时随地看视频慕课网APP