ウェブページ内の 2 つのボックス モデル (W3C ボックス モデル、IE ボックス モデル)
|
Web ページ ボックス モデルには 2 種類あります。 1: 標準 W3C ボックス モデル。2: IE ボックス モデル (IE ブラウザーのデフォルト モデル)。 2 つの異なるモデルの Web ページでは、同じ CSS プロパティが定義された要素の表示効果が異なります。次の式を使用して、これら 2 つの異なるボックス モデルを区別します。 1: 標準W3Cボックスモデル 幅 = 幅 + (パディング左) + (パディング右) + (マージン左) + (マージン右) + (ボーダー左) + (ボーダー右) 高さ = 高さ + (padding-top) + (padding-bottom) + (margin-top) + (margin-bottom) + (border-top) + (border-bottom)  2: IEボックスモデル 幅 = 幅 + (左境界線) + (右境界線) 高さ = 高さ + (境界線上) + (境界線下)  このモデルはIEブラウザのデフォルトのボックスモデルですが、もちろん変更することもできます。 |
<<: HTML/XHTML における img 画像タグの基本的な使用法の詳細な説明
推薦する
JavaScript 配列を走査する 5 つの方法
目次1. forループ: 基本的でシンプル2. forEach() メソッド: コールバック関数の使...
JSにおけるデータ型の正しい判定方法の例
目次序文typeof は型を正しく判別できますか? instanceof は型を正しく判別できますか...
MySQL関数の簡単な紹介
目次1. 数学関数2. 文字列関数3. 日付関数4. 暗号化機能主な MySQL 関数は次のように紹...
<td></td> タグの境界線スタイルがブラウザに表示されない問題の解決方法
質問： 360ブラウザの互換モードなど、一部のブラウザでは、 <td style="...
複数の Docker コンテナが同じポート番号を持たない場合の解決策
背景Dockerでは、同じイメージを使用して4つのコンテナを作成します。ネットワークはブリッジモード...
Tomcat の一般的な例外と解決コードの例
弊社のプロジェクトは Java で開発され、ミドルウェアは Tomcat でした。運用中に、Tomc...
xshellを使用してLinuxサーバーに接続する
xshellを使用してLinuxに接続する利点Windows環境でLinuxを直接操作できるインター...
Vue3 の父子値転送に関する簡単な説明
目次父から息子へ： 1. 親コンポーネントのサブコンポーネントタグに、サブコンポーネントに渡されるデ...
nginx がドメイン名アクセス用に設定されている場合にドメイン名の後に 2 つのスラッシュ // が表示される問題の解決方法
最近、個人のウェブサイトを書き直しました。Alibaba Cloudで新しいサーバーを購入しました。...
TCPパフォーマンスチューニングの実装原理とプロセス分析
3ウェイハンドシェイクフェーズクライアントSYNパケットの再試行回数sysctl -w net.ip...
ZabbixはSNMPに基づいてLinuxホストを監視します
序文： Linux ホストは、エージェント プログラムをインストールする場合でも、SNMP を使用す...
CentOSはローカルyumソース/Alibaba Cloud yumソース/163yuanソースを設定し、yumソースの優先順位を設定します。
1. Centosイメージを使用してローカルのyumソースをビルドするCentOS をインストール...
MySql 5.6.35 winx64 インストール詳細チュートリアル
注: データベースのバージョンの問題により、プロジェクトの起動時にエラーは発生しませんでしたが、デー...
MySQL データベースのバックアップとリカバリの実装コード
データベースのバックアップ ＃文法： # mysqldump -h server-u usernam...
2048 ゲームを実装するためのネイティブ js
2048ミニゲーム、参考までに具体的な内容は以下のとおりですまず、2048ゲームは16のグリッドか...