幅: 自動
幅: 100%
1 つの例は千の言葉に匹敵します: <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>ドキュメント</title> <スタイル タイプ="text/css"> * { マージン: 0;パディング: 0; } 体 { 背景: #dcdcdc; } 。箱 { 幅: 400ピクセル; 境界線: 3px 実線の赤; パディング: 0 50px; } .box1 { 幅: 自動; 高さ: 100px; 背景: ピンク; パディング: 0 50px; マージン: 0 50px; 境界線の幅: 0 50px; 境界線のスタイル: solid; 境界線の色: 緑; } .box2 { 幅: 100%; 高さ: 100px; 背景:ゴールド; パディング: 0 50px; マージン: 0 50px; 境界線の幅: 0 50px; 境界線のスタイル: solid; 境界線の色: 緑; } .box3 { 幅: 100px;高さ: 100px;背景: オレンジ; } .box4 { フロート: 左; 幅: 50px;高さ: 50px;背景: ピンク; } </スタイル> </head> <本文> <div class="box"> <div class="box1"></div> <div class="box2"></div> </div> </本文> </html> 注: 画像のサブ幅はサブコンテンツに変更されます CSS 属性の幅のデフォルト値である width: auto と width: 100% の違いについての詳細説明はこれで終わりです。CSS の width: auto と width: 100% に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: MySQL でテーブル データを削除した後もディスク領域がまだ占有されているのはなぜですか?
>>: Web デザインでフラッシュ オーバーレイ ポップアップ レイヤーの z-index プロパティを設定しても機能しない
開発の背景:最近、私はバッチ データを MySQL データベースにインポートする機能に取り組んでいま...
目標: 辺の長さが等しい正方形を作成する方法 1: 単位 vw を使用する (ps これが最も簡単な...
1. 4つの起動方法: 1.mysqld MySQL サーバーを起動します: ./mysqld --...
この記事では、HTML描画ユーザー登録ページの具体的な実装コードを参考までに共有します。具体的な内容...
コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...
この記事は、「24 Days of Linux Desktop」の特別シリーズの一部です。 Open...
目次1. Tsとは何か2. 基本的な文法1. プリミティブデータ型を宣言する2. オブジェクト型を宣...
まず、setIntervalはフックとしてカプセル化されます👇 'react' から...
このデータベース クエリ ステートメントは、インターネット上の 50 個のデータベース クエリ練習問...
今日、私はクラスメートが問題を解決するのを手伝いました - Tomcat の起動が非常に遅く、約 5...
Docker には多くのログ プラグインがあります。デフォルトでは json-file を使用します...
仕事上の理由により、完全なオンライン化(つまり、すべてのデータがオンラインで完了し、インポートや...
どの企業もユーザーベースを拡大したいのであれば、ユーザーの操作データを収集・分析する必要があり、その...
Shopify Plus は、私たちが設立した e コマース プラットフォームのエンタープライズ バ...
MySQL 8.0.18 では、インデックスが作成されていないフィールドに適用でき、等価値の関連付け...