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

取自：http ://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

相对 [...]它的真正含义是“相对于自身”。如果您position: relative;在一个元素上设置但没有其他定位属性（顶部、左侧、底部或右侧），则它根本不会影响它的定位，它将与您将其保留为 position: static; 但是如果你给它一些其他的定位属性，比如 ，top: 10px;它会将它的位置从它通常的位置向下移动 10 个像素。[...]

于 2012-04-09T23:35:05.623 回答
0

尝试改变一些东西。首先，给你的第一个 div 一个实际的高度，而不仅仅是 100%。其次，尝试使子元素适合其父元素。现在它是 200px div 内的 500px div。对于此特定任务，它可能更好地定位在父级之外。

于 2012-04-09T23:39:12.740 回答