上の境界線を削除

Question

私は2つのDIVを持っています。新しいリリースが1つあります。もう1つにはデータ全体が含まれている必要があります。 両方のdivに赤い境界線があります。私は最初のdivの下の境界を削除します。

私は赤い長方形でマークされた境界線を削除する：

Answer 1

あなたは「MUST」タブの右側にスペースを占有するために別のdivを作成することができます。このdivの下限を「1px solid red」に設定します。次に、ニュースボックスからborder-topを削除し、タブ自体からborder-bottomを削除します。

Answer 2

あなたのアクティブなタブにはposition:relativeとz-indexのコンテンツボックスがあります。次に、border-bottom: 1px solid whiteを追加し、それにmargin-bottom: -1pxを付けます。現在のプロジェクトから

Answer 3

：http://jsfiddle.net/aVZLH/1/

はたぶん、あなたは、IEのためのいくつかの追加の作業を持っています。しかし、初歩的には、あなたの問題を解決する方法を示すべきです...あなたの文書にマークアップを追加する必要はありません。

<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; 
}