ホームページ >ウェブフロントエンド >htmlチュートリアル >IE6_html/css_WEB-ITnoseでmargin-bottomを設定すると負の数値が隠れてしまう問題

IE6_html/css_WEB-ITnoseでmargin-bottomを設定すると負の数値が隠れてしまう問題

WBOY
WBOYオリジナル
2016-06-24 11:55:191353ブラウズ

これらのタブについて考えると、望ましい効果は次のとおりです

しかし、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;}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。