关于div和边界上的洞的标记问题

Question

是否有可能有一个<div style="border:1px solid red">元素（含有一些内容，无关紧要），以及此div之外的一些元素，它具有background:white属性，并重叠此div至少1个像素？ div的边框不是理想的矩形，而是带有“洞”？ 并且，优选地，它不使用任何绝对定位。它适用于所有主流浏览器..？请给我一些想法，或者可能根本不会解决问题

Answer 1

您可以使用负边距：

<div style="border:1px solid red; background: blue;">Stuff
    <div style="background: white; margin-left: -1px;"> Other Stuff</div>
</div>

http://jsfiddle.net/VzU8w/1/

如果元素在border: red元素之外：

<div style="border:1px solid red; background: yellow;">Stuff</div>
<div style="background: white; margin-top: -1px;">Other Stuff</div>

http://jsfiddle.net/VzU8w/2/

Answer 2

如果您不使用绝对定位，请使用浮动和边距