按鈕重疊在不同的分辨率

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}` 

對於我的分辨率（1366×768），它完全適合，但對其他人而言，重疊的另一格或移動它了。我該如何解決？

Answer 1

如果您使用絕對定位，則總是會在不同分辨率下重疊元素，因爲它們從頁面流中移除。使用尊重頁面流的定位（我主要使用相對靜態不允許設置左上角和右下角屬性）。