jquery - 如何让 div 在调整窗口大小时相互碰撞时停止移动？（以百分比定位）

Question

例如：

HTML
<nav>
     <div class="first"></div>
     <div class="second"></div>
<nav>

CSS
.first{
padding-left: 10px;
padding-right: 15px;
width: 180px;
height: 100%;
position: absolute;
top: -1px;
}

.second{
position: absolute;
left: 30%;
top:14px;
padding-bottom: 10px;
}

当您调整窗口大小并且 .second 移动到与固定的 .first 重叠时会发生什么。是否有可能使 .second div 在击中 .first 后停止移动？

Answer 1

.first{
    padding-left: 10px;
    padding-right: 15px;
    width: 50%;
    height: 100%;
}

.second{
    padding-left: 10px;
    padding-right: 15px;
    width: 50%;
    padding-bottom: 10px;
}