平行ボックスの余白 (二重余白の重なり) に関する面接の質問: 1 つのボックスに上余白があり、もう 1 つのボックスに下余白がある場合、余白の重なりの問題は発生しますか? 解決策: 値の合計ではなく、大きい方の値を取ります。大きい方が優先されます。 <!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8"/> <タイトル></タイトル> <スタイル タイプ="text/css"> *{マージン: 0;パディング: 0;} .box1,.box2{ 幅: 200ピクセル; 高さ: 200px; } .box1{ 背景色: #f90; 下マージン: 20px; } .box2{ 背景色: 水色; 上マージン: 50px; } </スタイル> </head> <本文> <div class="box1"></div> <div class="box2"></div> </本文> </html> マージンとパディングは、時計回り(上、右、下、左)の方向と値が同じです。「CSS ボックス モデルのパディングと略語」を表示するには、ここをクリックしてください。 CSS におけるマージン値と垂直マージンの重なりについての記事はこれで終わりです。マージンと垂直マージンの重なりについての詳細は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: HTML のセルパディングとセルスペース属性を図で説明します
>>: 証明書を使用してリモート Docker サーバーに接続する方法
システムの起動時に読み込む必要がある設定ファイル/etc/profile、/root/.bash_p...
序文配列は特別な種類のオブジェクトです。 js には実際の配列はなく、オブジェクトを使用して配列をシ...
目次1. MySQL 結合バッファ2. JoinBufferCacheストレージスペースの割り当て3...
この記事では、最も単純なものから最も複雑なものまで、Nginx の現在の制限構成を例を使って説明しま...
1. 問題時々Mysqlにログインしてパスワードを入力すると、この状況が発生しますmysql -u...
1. コマンドの紹介contab (cron テーブル) コマンドは、Windows のスケジュール...
この記事の例では、ボタンをクリックすることで画像を切り替えることを実現するJavaScriptの具体...
通常のウェブサイトのソースコードを開くと、ソースコードは<!DOCTYPE htmlで始まる必...
フロントエンド開発では、Ajax、jQuery ajax、axios、fetch など、データ要求を...
MySQL のインストールについてはインターネット上に多くの記事がありますが、今日ノート PC にイ...
目次JSX環境の構築NPMを初期化するwebpackをインストールするBabelをインストールするw...
サーバーでは、データベースにすばやくログインするために、通常は mysql -hhost -uuse...
システム環境: Redis バージョン: 6.0.8 Docker バージョン: 19.03.12シ...
序文休日は終わっていますが、それは別の形で(お腹に触れることで)私たちに現れます。ミニプログラムでデ...
コマンドを実行してプラグインpostcss-pxtoremをインストールします npm インストール...