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