tags_html/css_WEB-ITnose にまたがるスタイルを追加します

.has_children{width:250px;color:white;} .has_childrenスパン{背景:赤;幅:250px;} 第 1 章 - jQuery について理解する 1.1 - JavaScript と JavaScript ライブラリ 1.2 - jQuery への参加 - 単純な jQuery コードを作成する 1.4-jQuery オブジェクトと DOM オブジェクト 1.5-jQuery と他のライブラリ間の競合を解決する jQuery 開発ツールとプラグイン スパン要素に追加された背景スタイルの幅は250ピクセルではありませんか?しかし、背景色が表示されるのは、span タグ内の単語の後ろの領域だけでしょうか?助けていただければ幸いです、ありがとうございました!まず、ありがとうございます！

ディスカッションへの返信 (解決策)

scan はブロックレベルの要素ではありません。幅の設定は無効です

scan はインライン要素であり、高さと幅はその内容によって決まります

.has_children spa{ background:red; width:250px;}

これを次のように変更します .has_children span{display:block;background:red;width:250px;} div が占める位置は 1 行であり、span はコンテンツは空間の距離と同じくらい広いです

言うべきことはすべてです。 2 階の正しい解決策 display:block とこれ

2 階の正しい解決策

display:block とこれ

.has_children scan{background:red;width:250px}

上の階の正しい解決策

.has_children span{background:red;width:250px;display:inline-block} IEのブロック要素でdisplay:inline-blockの効果を実現するにはどうすればよいですか?

2 つの方法があります: 1. まず、display:inline-block 属性を使用してブロック要素をトリガーし、次に、display:inline を定義してブロック要素をインライン オブジェクトとしてレンダリングします (2 つの表示は 2 つの CSS ステートメントに配置する必要があります)これは IE の典型的なバグです。最初に display:inline-block を定義してから、表示を inline または block に戻すと、レイアウトは消えません。コードは次のとおりです (...他の属性は省略されています):

div {display:inline-block;...} div {display:inline;}

2. ブロック要素をインライン オブジェクトに直接設定します。プレゼンテーション用 (属性 display:inline を設定)、ブロック要素のレイアウト (zoom:1 など) をトリガーします。コードは次のとおりです:

div {display:inline;zoom:1;...}

ご回答ありがとうございます。