css - 按钮在不同分辨率上重叠

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

如果您使用绝对定位，您总是冒着元素在不同分辨率上重叠的风险，因为它们会从页面流中删除。使用尊重页面流的定位（我主要使用相对静态不允许设置左右顶部和底部属性）。