Html 将Div向上移动20像素-但保持边界

我有三个

s，想把第二个向上移动

目前我正在使用

position:relative；顶部：-20px-效果很好

唯一的缺点是：第二个
和第三个
（在第二个div下）之间有一个20px的间隙

因此，我想在所有三个div周围保留边框，这样第三行就不能选择
top:-20px

我在这里举例说明：

我的标记：

<div id="border">
    <div class="firstRow">foo</div>
    <div class="secondRow">bar</div>
    <div class="thirdRow">foobar</div>
</div>​

提前谢谢。
​
 您需要删除
顶部：-20px
并将
页边距顶部：-20px
添加到
.secondRow

因此，
.secondRow
将如下所示：

检查此JSIDLE:
删除
位置：相对
，而不是
顶部：-20px
您应该添加
页边顶部：-20px

类似这样：
为什么要将第二个div向上移动？因为选择区域arrr的选项卡重叠。。。就这样。非常感谢。那是我需要打自己的时刻；）
#border {
    border: 5px solid #000;
}
.firstRow {
    background-color: cyan;
    border: 3px solid red;
    height: 50px;
}
.secondRow {
    position: relative;
    top: -20px;
    border: 3px solid yellow;
    background-color: grey;
    height: 50px;
}
.thirdRow {
    background-color: blue;
    border: 3px solid blue;
    height: 50px;
}

.secondRow { margin-bottom: -20px }

secondRow {
    margin-top: -20px;
    border: 3px solid yellow;
    background-color: grey;
    height: 50px;
}