haslaylout と bfc 解析の理解
|
1. haslayout と bfc は IE 固有の標準属性です。 2. BFC はページ上の分離された独立したコンテナーです。コンテナー内の子要素は外部の要素に影響を与えず、その逆も同様です。 3. BFC には 3 つの機能があります。 1. 浮動要素を含む、 2. 脚本の重複を防ぐ 3. 浮遊要素に隠れないようにする 4. トリガー条件: None以外の浮動小数点値 表示以外のオーバーフロー値（非表示、自動、スクロール） 表示 (テーブルセル、テーブルキャプション、インラインブロック、フレックス、インラインフレックス) 位置値は（絶対、固定） フィールドセット要素 bfc は独立したコンテナであり、他のレイアウトに影響を与えず、影響を受けることはないということを覚えておくことが重要です。その特性を利用することで、フロートのクリアや 2 列レイアウトなどの問題を解決できます。 例: 2列の適応レイアウト 1. フローティングマージンとマイナスマージンで解決する 2. bfcをトリガーし、フローティング要素によってカバーされなくなります |
>>: HarborをベースにしたDocker専用倉庫の構築方法
推薦する
jQueryはアコーディオン効果を実装します
この記事では、アコーディオンを実装するためのjQueryの具体的なコードを参考までに紹介します。具体...
ico ミラー コードを HTML に追加します (favicon.ico はルート ディレクトリに配置されます)
コード：コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC &...
Dockerイメージサイズを最適化する一般的な方法
通常、私たちが構築する Docker イメージはサイズが大きく、多くのディスク領域を占有します。コン...
CSS3 は下部に固定されたフッターを実装します (ページの高さに関係なく常に下部にあります)
序文フッター領域を下部に固定します。ページの高さや幅に関係なく、モバイル メニューと同様に、フッター...
Zabbixで指定時間内の変化値を設定する方法の詳細な説明
背景説明: 既存の負荷分散装置には、付加価値状態にある指標があります (増加するだけで減少しないため...
ウェブページ作成における絶対パスと相対パスの違い
1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...
MySQL でのインデックスの追加と削除に関連する操作
目次1. インデックスの役割2. インデックスの作成と削除（1）ALTER TABLE文を使用して、...
Nginx の負荷分散と動的および静的分離の原理と構成
目次1. Nginxは負荷分散の原則を実装する2. Nginxの動的および静的分離の原則Nginx ...
jQuery ステップ進行軸プラグインの実装コード
毎日のjQueryプラグイン - ステップ進捗軸 ステップ進捗軸ツール系のサイトでは入門チュートリア...
Vueページジャンプの実装方法
1. this.$router.push() 1. ビュー <テンプレート> <d...
Chrome タブバーを実装するための CSS のヒント
今回は、Google Chrome のタブバーのような、特殊な丸い角を持つナビゲーション バーのレイ...
CSS3 トランジション回転パースペクティブ 2D3D アニメーションおよびその他の効果のサンプル コード
目次CSS3 ボックスモデルa. CSS3 フィルターb. CSS3 calc関数c. CSS3 ト...
HTML 画像 img にハイパーリンクを追加した後の醜い青い境界線の問題を解決する
HTML画像にハイパーリンクを追加すると醜い青い枠線が表示される次のように：解決： CSS スタイル...
JavaScript配列の一般的なメソッドの概要
目次1. JavaScriptで配列を作成する方法2. 配列メソッドの概要3. 方法の詳細な説明1....
Dockerコンテナの中国語言語パックの設定の問題を解決する
Dockerでdocker search centosを使用する場合docker pull dock...