0

持っている親の中で子供はどのようにposition: relative振る舞うべきposition: absoluteですか？

例（JSFiddle）：

<div style="position:relative; float:left; min-width:900px; max-width: 1400px; height:100%;">
  <div style="position:absolute; top:0; right:0; width:200px; height:300px;">
    <div style="position:relative; top:0; left:0; width:500px; height:100%;"></div>
  </div>
</div>

ブラウザウィンドウを最大幅より下に縮小すると、内側のdivが親要素の外側に移動します。それは正常な動作ですか？

4

2 に答える 2

0

いくつか変更してみてください。まず、最初の div に 100% ではなく実際の高さを指定します。次に、子要素を親要素内に収まるようにします。現在、200px の div 内に 500px の div があります。この特定のタスクでは、親の外側に配置する方が適切な場合があります。

于 2012-04-09T23:39:12.740 に答える
0

から取得: http://css-tricks.com/absolute-relative-fixed-positionioining-how-do-they-differ/

Relative [...]本当の意味は「自分自身との相対」です。position: relative;要素に設定し、他の配置属性(上、左、下、または右) を設定しない場合、その配置にはまったく影響しません。それを position: static として残した場合とまったく同じになります。しかし、他の配置属性を与えると、通常top: 10px;の位置から 10 ピクセル下に移動します。[...]

于 2012-04-09T23:35:05.623 に答える