<br> .has_children{width:250px;color:white;} <br> .has_childrenスパン{背景:赤;幅:250px;} <br> <title></title> <br> <body> <br> <span>第 1 章 - jQuery について理解する</span> <br> <a>1.1 - JavaScript と JavaScript ライブラリ</a> <br> <a>1.2 - jQuery への参加</a> - 単純な jQuery コードを作成する</a> <br> <a>1.4-jQuery オブジェクトと DOM オブジェクト</a> <br> <a>1.5-jQuery と他のライブラリ間の競合を解決する</a> jQuery 開発ツールとプラグイン</a> <br> </div> <br> </html>スパン要素に追加された背景スタイルの幅は250ピクセルではありませんか?しかし、背景色が表示されるのは、span タグ内の単語の後ろの領域だけでしょうか?助けていただければ幸いです、ありがとうございました!まず、ありがとうございます！ <br> <br> <br> <br> <br>ディスカッションへの返信 (解決策)<br> <br> scan はブロックレベルの要素ではありません。幅の設定は無効です<br> <br> scan はインライン要素であり、高さと幅はその内容によって決まります<br> <br> </p> <p> .has_children spa{ background:red; width:250px;} </p> これを次のように変更します .has_children span{display:block;background:red;width:250px;} <br> <h2> </h2> div が占める位置は 1 行であり、span はコンテンツは空間の距離と同じくらい広いです<p class="sougouAnswer"> </p> 言うべきことはすべてです。 <p class="sougouAnswer"> <br> 2 階の正しい解決策 display:block とこれ <br> <br> 2 階の正しい解決策 <br> <br> display:block とこれ <br> </p> .has_children scan{background:red;width:250px} <p class="sougouAnswer"> </p>上の階の正しい解決策<p class="sougouAnswer"> </p> .has_children span{background:red;width:250px;display:inline-block} <p class="sougouAnswer"> IEのブロック要素でdisplay:inline-blockの効果を実現するにはどうすればよいですか? </p> 2 つの方法があります: <p class="sougouAnswer"> 1. まず、display:inline-block 属性を使用してブロック要素をトリガーし、次に、display:inline を定義してブロック要素をインライン オブジェクトとしてレンダリングします (2 つの表示は 2 つの CSS ステートメントに配置する必要があります)これは IE の典型的なバグです。最初に display:inline-block を定義してから、表示を inline または block に戻すと、レイアウトは消えません。コードは次のとおりです (...他の属性は省略されています): </p> div {display:inline-block;...} <p class="sougouAnswer"> div {display:inline;} </p> <p class="sougouAnswer"> 2. ブロック要素をインライン オブジェクトに直接設定します。プレゼンテーション用 (属性 display:inline を設定)、ブロック要素のレイアウト (zoom:1 など) をトリガーします。コードは次のとおりです: </p> div {display:inline;zoom:1;...} <p class="sougouAnswer"> </p> <p class="sougouAnswer"> <br> <br> ご回答ありがとうございます。 <br></p>
