按钮重叠在不同的分辨率上

Question

我使用这个css代码创建了一个按钮：

 div {display: inline-block, 
    width: 120px, 
    height: 40px, 
    background-color: #2e6cd1, 
    line-height:39px, 
    vertical-align: text-middle, 
    text-align: center, 
    color: #ffffff, 
    font-family: Arial, 
    font-size: 20px, 
    font-weight: bold, 
    font-style: normal, 
    border-radius: 2px, 
    opacity: 0.9, 
    left: 160px, 
    top: 300px, 
    position: absolute}`

对于我的分辨率（1366x768），它非常适合，但对于其他人，它会与另一个div重叠或将其移开。我该如何解决这个问题？

Answer 1

如果使用绝对定位，则始终存在因不同分辨率而重叠的元素，因为它们已从页面流中删除。使用尊重页面流的定位（我主要使用相对作为静态不允许设置左右顶部和底部属性）。