ホームページ > ウェブフロントエンド > htmlチュートリアル > ul_html/css_WEB-ITnose の li に関する問題

ul_html/css_WEB-ITnose の li に関する問題

WBOY
リリース: 2016-06-24 12:25:05
オリジナル
1245 人が閲覧しました

うわー
ul li a.cur{height:33px;} の高さが 33px 以上に設定されている場合、ul の border-bottom が上書きされるのはなぜですか?分かりません


ディスカッションへの返信(解決策)

設定したliはfloatingであり、そのulとulの親要素であるdivは通常のフローの中の単なる要素です。フローティング要素は通常の要素の上に表示されます。

そして、設定した div の高さは 33px で、div の高さよりも大きくなります。

そこで私はそれをカバーしました

div に overflow: hidden を追加すると、浮動要素をクリーンアップできるだけでなく、浮動要素が div よりも大きい場合に余分な部分を非表示にすることもできます。

LS の正解
実際、LZ はネストされた思考でそれを考えることができます
あなたの li は div の中にあり、li は間違いなく下の div をカバーします

表示することができます。オーバーフロー (css ) を設定します。 overflow:hidden;

div の高さはわずか 33 ピクセルで、 a を 33 に設定して a の上の境界線を追加すると、 a の高さは 34 になり、親 div の高さを超えます。 , さらに、Overflow:hidden が設定されていないため、親レイヤーの境界線が覆われます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート