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?
<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两种元素的定位和大小,在线等高手帮忙