haslaylout と bfc 解析の理解
|
1. haslayout と bfc は IE 固有の標準属性です。 2. BFC はページ上の分離された独立したコンテナーです。コンテナー内の子要素は外部の要素に影響を与えず、その逆も同様です。 3. BFC には 3 つの機能があります。 1. 浮動要素を含む、 2. 脚本の重複を防ぐ 3. 浮遊要素に隠れないようにする 4. トリガー条件: None以外の浮動小数点値 表示以外のオーバーフロー値（非表示、自動、スクロール） 表示 (テーブルセル、テーブルキャプション、インラインブロック、フレックス、インラインフレックス) 位置値は（絶対、固定） フィールドセット要素 bfc は独立したコンテナであり、他のレイアウトに影響を与えず、影響を受けることはないということを覚えておくことが重要です。その特性を利用することで、フロートのクリアや 2 列レイアウトなどの問題を解決できます。 例: 2列の適応レイアウト 1. フローティングマージンとマイナスマージンで解決する 2. bfcをトリガーし、フローティング要素によってカバーされなくなります |
>>: HarborをベースにしたDocker専用倉庫の構築方法
推薦する
NavicatでMySQLビッグデータをインポートする際のエラーの解決方法
Navicat がエクスポートしたデータはインポートできません。最後に、MySQLコマンドのインポー...
ReactプロジェクトにSCSSを導入する方法
まず依存関係をダウンロードします yarn sass-loader ノード sass を追加します次...
CSS3 ボタン境界アニメーションの実装
まず効果を見てみましょう: html <a href="#"> &l...
mysql エラー 1033 を解決する方法: ファイル内の情報が正しくありません: 'xxx.frm'
問題の説明1. 収集ステーションのデータベース2. データが無い状態での移動は問題ありませんが、デー...
Vant アップローダーは、画像をアップロードするためのドラッグ アンド ドロップ機能を実装します (カバーとして設定)
効果図は以下のとおりです。 <!DOCTYPE html> <html lang=...
MySQL で乱数を生成し、文字列を連結する方法の例
この記事では、MySQL が乱数を生成し、文字列を連結する方法について例を使用して説明します。ご参考...
Ubuntuのソースリスト（ソースリスト）を変更する方法詳細説明
導入Ubuntu のデフォルトのソースは国内サーバーではないため、更新されたソフトウェアのダウンロー...
FirefoxのWeb開発者を使用してWebページのスタイルを無効にする方法
前提条件: Web開発者プラグインがインストールされている操作手順: [ツール] -> [We...
HTML ページ共通スタイル (推奨)
以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピーbody、di...
スーパーバイザーによるDockerfileのマルチサービスイメージパッケージ操作
Dockerfileの作成yumソースを設定する cd /tmp/docker vim Docker...
HTML でカスタム画像を使用してチェックボックスを表示する方法
チェックボックスの使用を実装するために画像を使用する必要がある場合は、それを使用して実装できます。実...
MySQLとRedisでセカンダリキャッシュを実装する方法の詳細な説明
Redis の紹介Redis は完全にオープンソースで無料であり、BSD プロトコルに準拠しており、...
HTML で 2 つの div タグの間に垂直線を描く方法
最近、インターフェースを描画しているときに、インターフェースに垂直線を描画し、この垂直線の高さが親 ...
docker のインストールが完了し、bridge-nf-call-iptables が無効であると報告される問題を解決します
Centos マシンで docker のインストールが完了したら、docker info コマンドを...
Linux sedコマンドの使用
1. 機能紹介sed (Stream EDitor) は、コンテンツを 1 行ずつ処理するストリーム...