当前位置:编程学习 > html/css >>

css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位

<div id="div1"> </div> <div id="div2"> </div> 需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位,但需要看到div1的内容和div2的内容.
追问:<div id="div1">
    <div id="div2"></div>
</div>
恩,就这种,div1和div2的样式怎么写?position:relative?
答案:有几个方法:
一种:
div1设置为position:relative,
div2设置为position:absolute,
此时的div2就相对于div1进行基准定位了。。。
因为绝对定位position:absolute,不在标准流中,所以内联元素不知到他的位置,会跑到他的下面去。。。这里就看你需要什么样式了,如果简单的可以用padding和margin配合完成,让内联元素出来。。但屏幕缩小放大就变形了。。
二种,
就是你改写一下你的HTML
<div id="div1">
    <div id="div2"></div>
</div>
把div2放到div1里面,里面设置为float,再position:relative进行浮动后地位,
这种方法比第一种好,这里看你的需求了///
其他:这个要求,恐怕css是无能为力了,你可以请js帮忙。 把div2放在div1里,div1使用相对定位,div2使用绝对定位。

<div id="div1">
<div id="div2">
</div>
</div>

具体点的代码查手册,主要设置div2的top值和left值,自己试想要的效果。 建议你看看    div+css视频教程

你可以到百度搜索:站长视频教程网  第一个就是

上面有很多你需要的div+css视频教程
进站后搜索 div就可以了 , 很多都是高清的 

上一个:求一个可以查看和编辑xml,php,css,txt等文件的软件
下一个:如何用CSS来分别控制TD内的文字和DIV两种元素的定位和大小,在线等高手帮忙

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,