每日一步: css 讓border重疊，並且同時可正常顯示focus特效方法

讓border重疊可透過設定負值的margin，例如div1的右邊界要與div2的左邊界重疊，可設定div1的margin-right:-1px或是div2的margin-left:-1px即可

focus狀態邊框特效在邊界重疊的情況下通常會有一方會被遮住，解法為將被遮住的元素position設為relative，然後設定該元素的focus狀態變更其z-index，使其比另一個元素高即可，例如:

div1的右邊界和div2的左邊界重疊，focus div1時右邊界特效被div2遮住，此時設定div1的position為relative，然後設定div1:focus { z-index:n;}，n要比div2的z-index高，即可正常顯示。