幅: 自動
幅: 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 プロパティを設定しても機能しない
インターネットは人々の生活にますます欠かせないものになってきていると思います。 Ajax や fle...
1. スケジュールタスクを作成する命令crontab -eは現在のユーザーの編集インターフェースに入...
目次1. テレポートについて知る2. テレポートの基本的な使い方3. 最初のステップの最適化4. 第...
<br />まず最初に、私はこのグループの中では完全な新人だということを述べなければなり...
Docker を使用して、柔軟なオンライン PHP 環境を構築します。場合によっては、他の人がすでに...
シンプルなシームレススクロールカルーセルには多くの抜け穴があり、後から画像を追加するのは非常に不便で...
ポテトチップスパーティーのこのエピソードに参加して、何人かの友人に会えてとても嬉しいです。思いがけず...
データをコピーリモートでデータをコピーする場合、通常は rsync コマンドを使用しますが、小さなフ...
最初のステップは、対応するデータベースモジュール(sql)をプロジェクトファイル( .pro )に追...
初心者の Linux ユーザーとして、私は単純なgcc/g++操作を何度も使用してきましたが、少し複...
Linux で Ctrl+c、Ctrl+d、Ctrl+z はどういう意味ですか? Ctrl+c と ...
まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくとも...
目次VUEとはVueのコアプラグインVueルーターヴュークスアクシオス要素UI Vue フロントエン...
この記事では、例を使用して、MySQL トリガーの概念、原則、および使用方法を説明します。ご参考まで...
この状況は通常、中国語言語パックがインストールされていないか、デフォルトの言語設定に問題があるために...