为什么我的位置:绝对不符合我的位置:相对div？
为什么我的位置:绝对不符合我的位置:相对div？
提问于 2014-01-07 19:02:04
谁能给我解释一下为什么我的位置:绝对div不符合我的位置:相对div？
我确信这是非常简单的东西，但我无论如何也看不出它是什么。
我希望看到位置:绝对div (class-2)位于位置:相对div (class-1)的内部。
这是两个类，完整链接到下面的代码：
div.class-1 {
position:relative;
background-color:#CCC;
width: 500px;
height: 200px;
}
div.class-2 {
position:absolute;
background-color:#C96;
width: 250px;
height: 100px;
top:0px;
right:0px;
}HTML
<div class="wrapper">
<div class="before">class-before</div>
<div class="class-1">class-1</div>
<div class="class-2">class-2</div>
<div class="after">class-after</div>
</div>http://jsfiddle.net/craig_wadman/HMwtN/
希望这一切都有意义？
回答 3
Stack Overflow用户
发布于 2014-01-07 19:04:48
绝对定位元素必须嵌套在相对定位元素中，才能获得所需的结果：
<div class="class-1">
<div class="class-2">class-2</div>
</div>绝对定位101:绝对定位的元素相对于最近定位(相对、绝对或固定)的父元素进行定位；如果没有，则使用<body> (这就是原始标记的情况)。
Demo here
Stack Overflow用户
发布于 2014-01-07 19:05:24
它不在里面。
<div class="wrapper">
<div class="before">class-before</div>
<div class="class-1">class-1
<div class="class-2">class-2</div>
</div>
<div class="after">class-after</div>
</div>DEMO HERE
Stack Overflow用户
发布于 2014-01-07 19:07:52
您的class-2不在class-1中。放在class-2后面。
<div class="class-1">
<div class="class-2">class-2</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20969939
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号