0

http://jsfiddle.net/A2Qnx/1/を参照してください。

<div id='w'>
   <div id='p'>
       <div id='c'>
       </div>
   </div>
</div>

絶対配置がオンの場合、div P の高さは 60px (親からの 50 + パディングからの 10) になります。

ここで、絶対配置をオフにすると、div P と div W の両方が同じ 110px (子から 100 + パディングから 10) の高さになります。

誰かがここで何が起こったのか説明できますか?

1) 絶対配置がオンの場合、なぜ P は子の高さではなく、親の最小高さから 100% の高さを取得するのですか? (そして、パディングが P にのみ適用されるのはなぜですか?)

2) 絶対配置がオフの場合、なぜ P は親の min-height ではなく子から 100% の高さを取得するのですか? (そして、パディングが P AND W にのみ適用されるのはなぜですか?)

4

1 に答える 1

0

パディングは#p...

高さに関しては、絶対配置は要素を通常の流れから外します。高さ o 100% は、その要素が static 以外の位置 (または何も見つからない場合は本体) を持つすべての親の完全な高さを取るようにします。フローに#w含まれていないため、要素には事実上要素が含まれていないため、最小の高さに戻るのはなぜですか。

于 2013-02-07T19:53:53.117 に答える