如何让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 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; 
}