当我添加左：0 div我的右：0 div消失

Question

我尝试将一些div添加到主div的两侧（我有

）

#maindiv ( position:relative)

#borderright (
position: absolute;
background: red;
width: 3px;
height: 100%;
right: 0)

#borderleft(
position: absolute;
background: red;
width: 3px;
height: 100%;
left:0)

现在我做的时候

      <div id="maindiv">
    <div id="borderright">
</div>
        <div id="rightborder">
</div>
    <div id="leftborder">
</div>

</div>

如果我删除右侧显示的左侧div，它们只显示1个div（左侧）...

我做错了什么？

感谢您的帮助:)

编辑：当我使用Chrome浏览器查看css时，似乎div id rightborder样式为空，如果我在查看模式下自己拥有样式则可以使用！再说一遍，如果我把左边的di（左边的边界）移开，右边的边界就会出现......很奇怪不是吗？

Edit2：最令我惊讶的是，当添加一个div时，它会删除另一个div的样式，当用chrome检查时我有： rightborder：（）