dreamweaver cs4中div标签中再插入div标签怎么定位
已经插入了一个div,想在这个里面再插入一个,在dw中设计视图看的位置是对了,可是去浏览器中预览,位置却移动了,这是为什么呢?怎么样定位?...
已经插入了一个div,想在这个里面再插入一个,在dw中设计视图看的位置是对了,可是去浏览器中预览,位置却移动了,这是为什么呢?怎么样定位?
展开
2个回答
展开全部
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里面。
以上三点都符合了。。就不管在什么分辨率和浏览器下,位置不会发生变化。
还有问题,欢迎随时咨询。
解决方法:相对定位;如下
<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里面。
以上三点都符合了。。就不管在什么分辨率和浏览器下,位置不会发生变化。
还有问题,欢迎随时咨询。
展开全部
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 增加了宽度 导致浏览器不兼容
.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 增加了宽度 导致浏览器不兼容
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询