HTML の 2 つのタブ ナビゲーション間の競合の解決方法

HTML の 2 つのタブ ナビゲーション間の競合の解決方法

まず問題の説明から始めましょう:

同じページで、1 つのタブに float:left が必要で、もう 1 つのタブに float:right が必要な場合、競合が発生します。

理由: 各 div 内のコントロールが慎重に配置されておらず、グローバル定義が使用されたため、コントロールが一緒に変更されました。

その後、各層を層ごとに正確に配置したところ、すべて問題ありませんでした。

CS: ...

div .ivu-tabs-nav-scroll .ivu-tabs-nav{
  フロート: 右;
}
div .ivu-modal-body .ivu-tabs-nav-scroll .ivu-tabs-nav{
  フロート: 左;
}

要約する

上記は、HTML の 2 つのタブ ナビゲーション間の競合に対する解決策です。お役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  MySQL での Truncate の使用法の詳細な説明

>>:  Web フロントエンドのパフォーマンス最適化の詳細説明: リソースのマージと圧縮

推薦する

HTML の順序なしリストタグと順序付きリストタグの使用例

1. 上部と下部のリストタグ: <dl>..</dl>:上dt下層dd: カ...

CSS フォント、テキスト、リストのプロパティの詳細な紹介

1. フォントのプロパティcolorは、div{color:red;}のようにテキストの色を指定しま...

HTML テーブルタグチュートリアル (32): セルの水平方向の配置属性 ALIGN

水平方向では、セルの配置を左、中央、右に設定できます。基本的な構文<TD ALIGN=&quo...

Centos は chrony 時間同期サーバー プロセス図を構築します

私の環境: 3 centos7.5 1804マスター 192.168.100.140ノード1 192...

MySQL 8.0.23 のレプリケーション アーキテクチャにおけるスレーブ ノードの自動フェイルオーバー

私はしばらく MGR と連絡を取り合ってきました。MySQL 8.0.23 の登場により、MySQL...

開発者がデータベースロックを詳細に理解する必要がある理由

1.ロックしますか？ 1.1 ロックとは何ですか?ロックの本当の意味は、鍵またはコードで開くことがで...

ウェブページのコピー防止機能の実装方法（クラッキング手法付き）

ソース ファイルを右クリックすると、次のコードが見つかります。 1. CSSを使用してFirefox...

Bootstrapはカルーセルの効果を実現します

この記事では、カルーセルマップの効果を実現するためのBootstrapの具体的なコードを参考までに共...

Web アプリ開発時間を短縮する 10 の時間を節約するヒント (グラフィカル チュートリアル)

今日の開発環境では、速いほど良いです。 「迅速なアプリケーション開発」、「アジャイル ソフトウェア開...

Vueはシンプルなデータ双方向バインディングを実装します

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。初心者...

CSS でより美しいリンクプロンプト効果をカスタマイズする方法

提案: コードをできるだけ手書きすると、学習の効率と深さを効果的に向上できます。デフォルトでは、&l...

Mac で MySQL 8.0.22 のパスワードを取得する方法

Mac 最新バージョンの MySQL 8.0.22 パスワード回復問題の説明:昨日、突然、Macで最...

浮遊する雲のアニメーションを実現するCSS3

操作効果 html <ヘッド> <メタ文字セット='UTF-8'&...

JavaScript タイマーの種類の概要

目次1.setInterval() 2.タイムアウトを設定する() 1.setInterval()指...

Mysql 8.0.18 ハッシュ結合テスト (推奨)

ハッシュ結合ハッシュ結合は実行にインデックスを必要とせず、ほとんどの場合、現在のブロックネストループ...