0

たとえば、下の例です。

HTML コード:

<body>
        <div id="container">
            <figure id="abtex">
                <img src="images/abtex125.png" />
            </figure>   
        </div>
</body>

CSS コード :

#container{
    max-width:1050px;
    margin: 0 auto; 
    max-height: 1000px;
}

#abtex {
    position: absolute;
    top:-100px;
    left:400px; 
 }

#abtexetc#containerのような CSS コマンドに従わないでしょうか?max-width

4

2 に答える 2

1

CSSの継承についてです。一部の CSS プロパティは継承されますが、ほとんどは継承されません。

そのような場合は、仕様または CSS のマニュアルを確認する必要があります。

特定のケースについては、https ://developer.mozilla.org/en/CSS/max-width を参照してください。MDN エントリには、max-widthプロパティが継承されないことが記載されています ("Inherited: no")。

一方、最大幅は親要素の幅になるmax-widthため、 childdiv#abtexに a を指定する必要さえありません (これも で操作できますoverflow)。

于 2012-07-25T16:15:46.257 に答える
1

#container子の絶対位置を相対的にするには、要素に位置を設定する必要があります。

MDNから:

absolute : 要素にスペースを残さないでください。代わりに、最も近くに配置された先祖またはそれを含むブロックに対して指定された位置に配置します。絶対配置ボックスにはマージンを設定できますが、他のマージンと一緒に折りたたむことはできません。

つまり、#container位置が設定されていないため、最も近い位置にある祖先 = 本体です。position:relativeオンに設定する#containerことは、これに対する典型的な解決策です。

于 2012-07-25T16:14:49.313 に答える