dreamweaver cs4中div标签中再插入div标签怎么定位

已经插入了一个div,想在这个里面再插入一个,在dw中设计视图看的位置是对了,可是去浏览器中预览,位置却移动了,这是为什么呢?怎么样定位?

div定位在设计视图里面的效果和预览的有偏差。
解决方法:相对定位;如下
<style>
.er{
position:absolute;left:0px;top:0px;width:248px;height:188px;z-index:1;
}
</style>
<div class="yi" style="position:relative;">
第一个div
<div class="er"> 第二个div </div>
</div>
//注意:1、样式里的left和top是以第一个div的左上角为原点的距离。当left和top值为0,说明两个div左上角是重合的,但是在视图窗口下,第二个div跑到了编辑区域的左上角去了,在浏览器里面显示是正常的。不要误以为又出问题了哦。。呵呵
2、在第一个div里面要加上style="position:relative;"
3、第二个div要在第一个div里面。
以上三点都符合了。。就不管在什么分辨率和浏览器下,位置不会发生变化。
还有问题,欢迎随时咨询。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-05-31
css
.a{ width:500px; height:400px; border:#063 solid 1px; margin:0 auto;}
.b{ width:300px; height:400px; border:#000 solid 1px; float:left;}
body部分
<div class="a">
<div class="b"></div>
</div>
另外也有可能是因为你设置了margin 增加了宽度 导致浏览器不兼容