2

何らかの理由で、私のサブクラスはDIV要素で機能しませんか？

CSSルールはspan+aのようなインラインタグと一致しますが、divとは一致しません。

以下の例をご覧ください。

<style>

.row {
    display: block;
}

.row .lbl {
    float: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    background-color: blue;
}

.row .inpt {
    float: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    background-color: red;
}


</style>

動作します!!!

<p class="row">

    <span class="lbl">Title</span>
    <span class="inpt">Data</span> 

</p>

動作しません！！！

<p class="row">

    <div class="lbl">Title</div>
    <div class="inpt">Data</div> 

</p>
4

2 に答える 2

3

P要素の場合、w3.orgは次のように指定します。これは、P要素にインライン要素のみを含めることができることを示します。

<!ELEMENT P - O (%inline;)*            -- paragraph -->

これはhttp://www.w3.org/TR/html401/struct/text.html#h-9.3.1と一致しており、P要素は「ブロックレベルの要素（P自体を含む）を含めることはできません」と述べています。

于 2013-01-06T18:48:50.350 に答える
1

あなたdivはの子だからだと思いますp。に変更するpと、div再び機能します。

于 2013-01-06T18:47:32.833 に答える