网页css定义DIV2使之在DIV1内部，但不占用DIV1的空间，并且距DIV1内上方10

襄阳城

<p>网页css定义DIV2使之在DIV1内部，但不占用DIV1的空间，并且距DIV1内上方10</p>
<p><img src="http://img.baidu.com/img/iknow/icn_point.gif"> 悬赏分：5 -</p>
<p>解决时间：2010-10-29 12:48</p>
<p>已知一个DIV1，如何定义DIV2使之在DIV1内部，但不占用DIV1的空间(位置应该是ABSOLUTE)并且距DIV1内上方10，注意是距DIV1上边距10PX，不是距网页上边距10PX，只允许有CSS.</p>
<p>问题补充：</p>
<p>DIV2显示在DIV1内部.但不能在内部定义!!!!!!!!</p>
<p>说了多少遍DIV2不能在DIV1里定义.要</p>
<p><DIV1></DIV1></p>
<p><DIV2></DIV2></p>
<p>并且是显示出来在DIV1内部，且距DIV1上边距10PX..DIV1的位置可以随时变动的.</p>
<p>麻烦大家看好题目再答</p>
<p>提问者： 山贼的头头 - 二级</p>
<p>最佳答案</p>
<p>楼主，至少也得写几个HTML代码给我做啊，懒了点哦~  ^0^  ~</p>
<p>而且没给出HTML代码结构，HTML两个方案可写的.CSS嘛，应该至少有6个.</p>
<p>HTML C1:</p>
<p><div class="div1"></p>
<p><div class="div2"></p>
<p></div></p>
<p></div></p>
<p>CSS C1:</p>
<p>.div1{width:100px;height:100px;position:relative;}</p>
<p>.div2{width:50px;height:50px;position:absolute;top:10px;}</p>
<p>_____________________________</p>
<p>HTML C2:</p>
<p><div class="div1"></div></p>
<p><div class="div2"></div></p>
<p>CSS C2:</p>
<p>.div1{width:100px;height:100px;}</p>
<p>.div2{width:50px;height:50px;margin-top:-90px;}</p>
<p>就写两个吧，如果按你说的用绝对定位的话，那就是C1了.</p>
<p>我想你应该是想问定位的参考点吧?</p>
<p>如果父级没设置定位属性，那就是以浏览的边作基点，如果父设置了定位属性，那就是以父级为基点，</p>
<p>我上面在 .div1中设置了一个position:relative;相对定位，因为用相对定位，元素不会脱离HTML流，而 .div2用了绝对定位，也就是你说的不占用空间，元素脱离了HTML流.</p>
<p>0</p>
<p>回答者：</p>
<p><img src="http://img.baidu.com/img/iknow/icon_taojin.gif"></p>
<p><img src="http://www.baidu.com/search/zhidao/zhuti-adinba2/icon_nangua.jpg"></p>
<p>yaopk - 十一级   2010-10-29 12:34</p>
<p>我来评论>></p>
<p>提问者对于答案的评价：</p>
<p>如果父设置了定位属性，那就是以父级为基点，这个应该是我要的答案吧.谢谢了.</p>