在重新调整Web浏览器大小时，如何使图像按钮保持原位

Question

这是我网站的图片按钮。 http://puu.sh/cK7Sf/6309c39cdb.jpg 当我重新调整浏览器的大小时，它会在这里进行 http://puu.sh/cK7VU/f17dafcc41.jpg

这是我的代码

HTML

<div class="Nav">
        <div id="buttons">
            <a href="/"><div id="home_button"></div></a>

CSS

#home_button {
background-image: url("home.png");
background-repeat:no-repeat;
background-size: 100%;
width: 150px;
height: 60px;
position: absolute;
top: 196px;
left: 502px;
z-index: 10;
}

Answer 1

#buttons div需要设置position: relative;绝对位置才能正常工作。

Answer 2

您需要删除＆＃34; 位置：绝对; ＆＃34;并使用＆＃34; float：left;＆＃34;