HTML缩放重叠

Question

我有一个jsp页面，如下所示

当我缩放此页面时，我的标签和按钮是重叠的编辑器区域，我该如何防止这种情况？

即使在变焦时，我也不希望按钮出现在编辑器上。

我的CSS代码

    #editor { 
        position: absolute;
        top: 0;
        right: 20%;
        bottom: 0;
        left: 0;
    }
    #widnow{
    position: absolute;
    top: 72.5%;
    right: 0;
    bottom: 0;
    left: 3%;
}
#title_bar{
    background: #FEFEFE;
    height: 25px;
    width: auto;
}
#button{
    border:solid 1px;
    width: 25px;
    height: 23px;
    float:right;
    cursor:pointer;
}
 #box{
    height: 250px;
    background: #DFDFDF;
}
 #ul{
   list-style-type: none;
}

Answer 1

您只需将css和div风格中的所有position:absolute;更改为position:relative;即可。!!

DEMO