ホームページ >ウェブフロントエンド >htmlチュートリアル >IE6_html/css_WEB-ITnoseでmargin-bottomを設定すると負の数値が隠れてしまう問題
これらのタブについて考えると、望ましい効果は次のとおりです
しかし、IE6 では、現在のタブの下の境界線は親要素の下の境界線をカバーしないとオンラインで言われています。要素は Haslaytout を開始する必要がありますが、機能しません。 最後に、問題を解決するには、同時に tab 要素に margin-bottom:-1px; を設定します。
ここで注意すべき点は、タブ要素の高さは親要素の高さより 1 ピクセル大きくなければならないということです。
私のコードは次のとおりです:
<ul class="tabs"> <li class="tab cur"><a href="?id=435">?????? ???????</a></li> <li class="tab "><a href="?id=434">????????????</a></li> </ul>
ul.tabs{display:block; padding:0 10px 0 0; margin:25px 0 0 0; height:35px; border-bottom:solid 1px #ccc; line-height:35px;}ul.tabs li{display:block; float:right; padding:0 10px; margin:0; list-style:none;}ul.tabs li.cur{ border:solid 1px #ccc; border-bottom-color:#fff; background-color:#fff; height:34px; margin-bottom:-1px; position:relative;}