ウェブページ内の 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 画像タグの基本的な使用法の詳細な説明
推薦する
HTML ファイルにフラッシュ ビデオ形式 (flv、swf) ファイルを埋め込む方法
Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...
JSコンストラクタとインスタンス化およびプロトタイプ導入の関係
目次1. コンストラクタとインスタンス化2. コンストラクターとインスタンス化の関係は何ですか? 3...
ウェブページレイアウトに関する9つのヒント
<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案 W...
データベースクエリの最適化: サブクエリの最適化
1. 事例会社のトップ以外の従業員全員を年齢別にグループ化します。 t_emp で id が存在しな...
ランダムロールコールテーブルを実装するためのネイティブJavaScript
この記事では、JavaScriptのランダムロールコールテーブルの具体的なコードを参考までに紹介しま...
vue-cli でレスポンシブ レイアウトを実装する方法
フロントエンド開発を行うと、PCとモバイル端末の適応に必然的に直面することになります。このような問題...
CSSでemを開く正しい方法の詳細な説明
「通常 1em=16px」と言うのはなぜですか?ユーザーのブラウザによってレンダリングされるデフォル...
jQueryはシンプルなカルーセル効果を実装します
みなさんこんにちは。今日はカルーセルの実装についてお話しします。私が作成したカルーセルの効果は次のと...
Linux システムで jmeter を実行し、ローカル メモリを最適化する方法の詳細な説明
1. Linuxシステムにクロスシステムファイル転送ツールをインストールするルートユーザーのルートデ...
Axios の二次カプセル化の例 プロジェクトのデモ
1. なぜパッケージングを行うのですか?全体的なコード呼び出し、リクエストの公開処理、パーソナライズ...
Ubuntu 18.04 のログインループ/ブートインターフェイスで停止/グラフィカルインターフェイスに入ることができない問題を解決する方法
原因: NVIDIA グラフィック カード ドライバーが破損している解決：コマンドラインモードで再起...
JS ベースの Ajax 同時リクエスト制御を実装する方法
目次序文Ajax シリアルおよびパラレルAjaxの同時リクエスト制御のための2つのソリューションPr...
Linux で lvm 論理ボリューム パーティションのサイズを調整するチュートリアル (xfs や ext4 などのさまざまなファイル システム用)
序文システムをインストールしたときに、パーティション領域を適切に割り当てませんでした。その後のメンテ...
MySQL のデータの偶発的な削除の解決策と kill ステートメントの原則
mysql が誤ってデータを削除しました削除ステートメントを使用して誤ってデータ行を削除する誤ってデ...
Vue3における7種類のコンポーネント通信の詳細
目次1. Vue3コンポーネント通信方式2. Vue3通信の使い方2.1 小道具2.2 $エミット2...