放大和缩小时如何保持css内容的位置？

Question

每次我放大和缩小时，在我的浏览器中，我的内容都会移出位置。在浏览器中放大和缩小时，如何保留我的内容。我一直在搜索这个主题，但我找不到解决这个问题的方法。

＆＃13;

＆＃13;

#top-container{
                    width: 100%;
                    height: 105px;
                    margin: 0 auto;
                    
                    
                }
                body{
                    padding: 0;
                    margin: 0;
                }
                #luxlogo{
                    width: 300px;
                    height: 105px;
                    margin-left: 700px;
                }

＆＃13;

 <div id="top-container">
                <img id="luxlogo" src="luxpics/luxlogo.png">
             </div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

海报说这适用于评论部分，所以我作为答案添加。

  

为此你可以使用position：absolute并给它一个顶部和左边   位置或使用背景位置：覆盖或包含。

Answer 2

将其添加到id #luxlogo

 #luxlogo{
width: 300px;
height: 105px;
position: absolute;
right:20px;
}