幅とpadding_html/css_WEB-ITnoseの関係の概要
Jun 24, 2016 am 11:27 AM
幅とパディングの関係の概要:
この章では、幅とパディングの関係を簡単に紹介します。
主な混乱は、幅にパディングが含まれないかどうかです。実際、それらの関係は非常に単純であり、互いにまったく一致しません。
多くの友人がこれを混同している理由は、幅属性と要素の幅という 2 つの概念を混同しているためです。
width 属性値は、要素の実際の幅である必要はありません。次のコード例を参照してください。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#top{ width:300px; height:150px; background:#CCC; margin-bottom:20px;}#bottom{ width:300px; height:150px; background:#CCC; margin-bottom:20px; padding-left:50px;}</style></head><body><div id="top">蚂蚁部落</div><div id="bottom">蚂蚁部落</div></body></html>
上記のコードから、width が width であり、padding が padding であることがわかります。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=16797
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7131
9
1534
14
1256
25
1205
29
1153
46
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
Mar 18, 2025 pm 02:51 PM
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
HTML5＆lt; meter＆gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素？
Mar 12, 2025 pm 04:08 PM
HTML5＆lt; meter＆gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素？
ナビゲーションとSEOにHTMLリンクを効果的に使用するにはどうすればよいですか？
Mar 18, 2025 pm 02:39 PM
ナビゲーションとSEOにHTMLリンクを効果的に使用するにはどうすればよいですか？
