删除顶部边框

Question

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

我想删除我在那里用红色标出的矩形边框：

Answer 1

您可以创建另一个div来占据空间的“必须”选项卡的右侧。将此div的底部边框设置为“1px纯红色”。然后，从新闻框中删除边框顶部，并从标签本身中删除边框底部。

Answer 2

您的活动选项卡的内容框高出position:relative和z-index。然后添加border-bottom: 1px solid white并给它margin-bottom: -1px。

Answer 3

从当前项目：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; 
}