1

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 が下の境界線をキャンセルし、そのセクションが上に境界線の一部が欠けているように見えるように、境界線を互いの上に並べたいと思います。

これは下の境界線では機能しますが、上の境界線では機能しません。

4

2 に答える 2

5

#innerdivあなたのを与えますposition:relative; top:-1px。

于 2013-02-18T00:43:47.457 に答える
1

ハックですが、次のように要素を上にシフトできます1px。

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

    border-top: 1px solid white;
}

デモ: http://jsfiddle.net/4A8LF/

border-top: 1px solid transparent;親に追加してみませんか？

于 2013-02-18T00:43:40.153 に答える