如何讓內部div的頂部邊框與外部div的頂部邊框重疊？

我有一個div內的div，他們都有邊界。我如何讓內部div的頂部邊框與外部div的邊框重疊？如何讓內部div的頂部邊框與外部div的頂部邊框重疊？

HTML：

<body> 
    <div id = "outerdiv"> 
     <div id = "innerdiv"> 
      content 
     </div> 
    </div> 
</body>

CSS：

#outerdiv{ 
    border: 1px solid black; 
} 

#innerdiv{ 
    border-top: 1px solid white; 
}

我想邊界排隊在彼此的頂部，使得內部的div會抵消底部邊框，並且部分會看就像上面有一部分邊框不見了。

這適用於底部邊界，但不適用於頂部。

這是什麼問題：http://jsfiddle.net/2nXsT/ – 2013-02-18 00:41:10

這並不會使頂部邊框消失在白色背景下。但是，無論如何感謝你 – user1809913 2013-02-18 00:48:29

這是哈克，但你可以通過1px元素上移：

#innerdiv { 
    position: relative; 
    top: -1px; 

    border-top: 1px solid white; 
}

你爲什麼不只是添加border-top: 1px solid transparent;父？

2013-02-18 00:43:40 Blender

因爲我只想要缺少上邊框的一部分。不是全部。但是，謝謝。 – user1809913 2013-02-18 00:47:54

給你的#innerdiv a position:relative; top:-1px。

2013-02-18 00:43:47

謝謝你的工作！ – user1809913 2013-02-18 00:47:19

回答