当我放大网页时，我网站的DIV元素相互重叠。例如：如果放大StackOverflow，元素将保持不变，并放大到屏幕的中心/顶部。
我已经尝试了these个答案，但是当我放大时，没有一个说明我可以将DIV，span等元素锁定到它们的确切位置而不会彼此重叠。
我应该对我的CSS做出什么改变？伙计们？
答案 0 :(得分：1)
有几种方法可以构建DOM以防止重叠，但是如果元素相对或静态定位并且不是非常大，浏览器通常可以很好地保持一致。绝对位置是你真正进入重叠元素的地方。
DOM：
dependent: :destroyCSS：
<div class='wrapper'>
<div class='box box-1'>
</div>
<div class="box box-2">
</div>
</div>
View On CodePen here.在此示例中，有两个框位于屏幕的两侧，当空间用完时（由于缩放或调整大小），框重叠。要防止这种情况，您需要保持父元素（子元素所在的位置）不会折叠。您可以在父元素上使用.wrapper {
position: relative;
width: 100%;
}
.box {
width: 500px;
height: 500px;
position: absolute;
top: 0;
}
.box-1{
background-color: red;
left: 0
}
.box-2{
right:0;
background-color: blue;
}
执行此操作。
请参阅updated code with a min-width on CodePen here，缩放时，您会看到滚动条。