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