Question

我的页面顶部有这些按钮，问题是chrome会在右侧显示80px以上的这些按钮。我做错了什么？

这是一个按钮的样式：

#engleza1{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
}
#engleza1:hover{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
background:url(../images/engleza.png) no-repeat;
cursor: pointer;
}

这是他们包装的风格：

#wrap{
width:100%;
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:url(../ong.png) center no-repeat;
}

HTML：

<div id="wrap">
<div id="engleza1">
//nothing here
</div>
...
</div>

Answer 1

嗨，你的一些代码是重复的，所以移动它并替换这个

#wrap{
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:red;
}
#engleza1{
position: relative;
top:0px;
  left:788px;
width: 51px;
height:42px;
  background:yellow;
}
#engleza1:hover{
background:green;
cursor: pointer;
}

根据您的布局更改演示

的 live demo 的

chrome位置元素不同于firefox

1 个答案: