css - div タグ間のギャップを削除する

Question

2 つの div の間に不要なギャップがあります.それを削除する解決策はありますか?
これがjsfiddleです。タグとdiv タグ
を観察すると、これら 2 つの div の間にギャップが見つかります... (黒と赤の境界線の間のギャップ)。vUiTsTabsvUiTsContainers

score 2 · Accepted Answer

<ul>タグをクリアして（overflow: auto;十分です）、から削除display: inline-block;します.vUiTsTabs

score 1 · Accepted Answer

1

vUiTsTabs に 'vertical-align: top' を入れて Chrome で修正しました。

于 2012-10-10T10:18:15.290 に答える

score 1 · Accepted Answer

これがこのコードを
使用するのに役立つことを願っています.vUiTsTabs

.vUiTsTabs {
border-bottom: 1px solid #660033;
display: table;
margin: 0;
width: 99.9%;
}

score 1 · Accepted Answer

1

float: leftli を次のように置き換えます。display: inline-block

于 2012-10-10T10:01:56.117 に答える

score 1 · Accepted Answer

ディスプレイを削除し、float:left設定によりオンザリスをクリアします

display:inline-block;
overflow:hidden; /*or auto*/

for.vUiTsTabsとギャップが消えます:変更されたフィドル

score 0 · Accepted Answer

これを試してください：

次の css を使用します。

.vUiTsTabs {
   display: table;
   border-bottom: 1px solid #660033;
   width: 99.9%;
}

6 に答える 6