haslaylout と bfc 解析の理解
|
1. haslayout と bfc は IE 固有の標準属性です。 2. BFC はページ上の分離された独立したコンテナーです。コンテナー内の子要素は外部の要素に影響を与えず、その逆も同様です。 3. BFC には 3 つの機能があります。 1. 浮動要素を含む、 2. 脚本の重複を防ぐ 3. 浮遊要素に隠れないようにする 4. トリガー条件: None以外の浮動小数点値 表示以外のオーバーフロー値（非表示、自動、スクロール） 表示 (テーブルセル、テーブルキャプション、インラインブロック、フレックス、インラインフレックス) 位置値は（絶対、固定） フィールドセット要素 bfc は独立したコンテナであり、他のレイアウトに影響を与えず、影響を受けることはないということを覚えておくことが重要です。その特性を利用することで、フロートのクリアや 2 列レイアウトなどの問題を解決できます。 例: 2列の適応レイアウト 1. フローティングマージンとマイナスマージンで解決する 2. bfcをトリガーし、フローティング要素によってカバーされなくなります |
>>: HarborをベースにしたDocker専用倉庫の構築方法
推薦する
HTMLページのネイティブVIDEOタグはダウンロードボタン機能を隠します
Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデ...
MySQL インデックス カバレッジの例の分析
この記事では、MySQL インデックス カバレッジについて例を挙げて説明します。ご参考までに、詳細は...
JavaScript 円グラフの例
描画効果実装コードJavaScript var キャンバス = document.getElemen...
Linux yum コマンドを使用して mysql8.0 をインストールする方法の詳細なチュートリアル
1. 設置前によく掃除する rpm -pa | grep mysql または rpm -qa | g...
Vue3はJingdong製品詳細ページの虫眼鏡効果コンポーネントをカプセル化します
この記事では、Jingdong製品詳細ページの虫眼鏡効果コンポーネントに似たvue3カプセル化の具体...
nodejsとyarnをインストールし、Taobaoソースプロセスレコードを構成する
目次1. nodejsをダウンロードする2. ダブルクリックしてインストール3. グローバル npm...
MySQLで数千万のテストデータを素早く作成する方法
述べる：この記事で扱うデータ量は 100 万です。数千万のデータが必要な場合は、量を増やすだけで済み...
tomcat+nginx を使用してマルチアプリケーション デプロイメントを実装するためのサンプル コード
目次マルチアプリケーションの展開1-Tomcat 構成1.1- プロジェクト構成1.2-サービス構成...
IE8ブラウザはWebページ標準に完全互換となる
<br />海外メディアの報道によると、マイクロソフトはソフトウェアの相互運用性への取り...
VMware+centOS 8 で http プロトコルに基づく Git サービスを構築する方法
目次1. 原因2. デバイス情報3. 準備4. Apacheをインストールする5. gitを設定する...
将来人気が出るであろういくつかのナビゲーション方向
<br />今は情報爆発の時代であるだけでなく、サービス爆発の時代でもあります。それはす...
Docker実践: Pythonアプリケーションのコンテナ化
1. はじめにコンテナはサンドボックス メカニズムを使用して相互に分離します。コンテナ内にデプロイさ...
HTMLシールドの右クリックメニューと左クリック入力機能の例
右クリックメニューを無効にする <body oncontextmenu=self.event....
CSSを使用して3Dフォトウォール効果を作成する
CSS を使用して 3D フォト ウォールを作成します。具体的なコードは次のとおりです。 <!...
HTMLの基本構造を包括的に理解する
HTML入門ハイパーテキスト マークアップ言語: ハイパーテキスト マークアップ言語ハイパーテキスト...