Question

我有一个父亲div与位置相对，而子div是绝对的。但即使它在不同的笔记本电脑中显示不正确（移动一个按钮），特别是我在Chrome浏览器中仅针对我的网站。但是当为这个问题做好准备时，现在它在firefox中也有不同的显示方式。但无论如何，在firefox中，即使在Ctrl+Scrolling up or down

之后它也能正确定位

<div class="wrapper">
    <button type="button" id="one">one</button>
    <div><img class="img-body" src="http://i.stack.imgur.com/7R6js.jpg" alt="guiness" /></div>
</div>

*{
    margin: 0;
    padding: 0;
}
.wrapper{
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: table;
    top: 0;
    left: 0;
}
#one{
    position: absolute;
    top: 369px;
    left:210px;
    background: url(http://i.stack.imgur.com/EvIG1.jpg) no-repeat;
    width:143px;
    height: 60px;
    border:none;
    font-size: 0;
}
.img-body{
    max-width: 100%;
}

demo

我应该如何管理这个位置，以使它看起来不同？

在不同的笔记本电脑中，即使在相对位置内的绝对位置也是不同的

0 个答案: