删除顶部边框

Question

我有两个DIV，一个包含新版本，必须，另一个包含整个数据。 两个div都有一个红色边框。我删除了第一个div的底部边框。

我想删除用红色矩形标记的边框：

Answer 1

让您的有效标签比内容框高position:relative和z-index。然后添加border-bottom: 1px solid white并将其margin-bottom: -1px。

Answer 2

来自当前项目：http://jsfiddle.net/aVZLH/1/

也许你还有一些额外的IE工作。但是初步的它应该会告诉你解决问题的方法......在你的文档中没有additioanl标记。

<ul>
    <li class="current">Tab #1</li>
    <li>Tab #2</li>
</ul>
<div class="content">
    <p>MY AWESOME CONTENT</p>
</div>

/*CSS*/
ul {
    overflow: hidden;
    position: relative;
    top: 1px;
    z-index: 2;
}

li {
    color:#fff;
    background:red;
    float:left;
    border:1px solid red;
    padding:5px 10px;
    position:relative;
    top:1px;
}

.current {
    background: #FFFFFF;
    border-bottom: 0;
    color: red;
}

.content {
    padding:20px;
    border:1px solid red;
    position:relative;
    z-index:1;
}

Answer 3

您可以创建另一个div来占据“必须”标签右侧的空格。将此div的下边框设置为“1px solid red”。然后，从新闻框中删除border-top，从标签本身删除border-bottom。