绝对定位与相对定位的区别是???
展开全部
相对定位是普通流定位,相对定位的元素出现在它在普通流该出现的位置,普通流你可理解为文档流就行了。这个占空间的。例子:
内容1
内容2
内容3
现在这个就是内容4的位置,比如内容4是相对定位的,他就该出现在内容4这个位置。就是说这个位置是它的起点,如果将top设为40px那他就出先在它该出现的位置(内容4)顶部以下40px的地方。(我说的是上下排,你也可以想到左右排。一样的),相对位置是占空间的,因此移动他会覆盖其他框。
绝对定位它的位置和文档流无关且不占空间,这样普通流中的其他元素的布局(比如代码里内容4是绝对定位的)将内容4当做不存在,将内容5出现在内容4的位置,那么内容4呢?其相对最近以定位的父元素,这里说的内容4的父即body(dw里的层就是这个东西了,有些人就这样弄,结果浏览器尺寸变了,位置就不对了),正确的做法:绝对定位的元素它应在在一个父元素里,这个父元素须是有定位的且有布局(给个高度就可以了),用相对定位为例,
<div style="position:relative;height:100px;">
<div style="position:absolute;top:20px;"></div>
</div>
现在这个绝对定位的元相对他的父元素定位的了;
注意这个只在ie6.0以上才会相对他的父元素定位,其他浏览器也没问题,要在ie5.0以下这样,还须写些东西才可以,不写了,你自己慢慢研究吧。
内容1
内容2
内容3
现在这个就是内容4的位置,比如内容4是相对定位的,他就该出现在内容4这个位置。就是说这个位置是它的起点,如果将top设为40px那他就出先在它该出现的位置(内容4)顶部以下40px的地方。(我说的是上下排,你也可以想到左右排。一样的),相对位置是占空间的,因此移动他会覆盖其他框。
绝对定位它的位置和文档流无关且不占空间,这样普通流中的其他元素的布局(比如代码里内容4是绝对定位的)将内容4当做不存在,将内容5出现在内容4的位置,那么内容4呢?其相对最近以定位的父元素,这里说的内容4的父即body(dw里的层就是这个东西了,有些人就这样弄,结果浏览器尺寸变了,位置就不对了),正确的做法:绝对定位的元素它应在在一个父元素里,这个父元素须是有定位的且有布局(给个高度就可以了),用相对定位为例,
<div style="position:relative;height:100px;">
<div style="position:absolute;top:20px;"></div>
</div>
现在这个绝对定位的元相对他的父元素定位的了;
注意这个只在ie6.0以上才会相对他的父元素定位,其他浏览器也没问题,要在ie5.0以下这样,还须写些东西才可以,不写了,你自己慢慢研究吧。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
华领精密机电
2024-10-10 广告
2024-10-10 广告
PI模块化定位台是深圳市华领精密机电有限公司引进的一款先进产品,它凭借其模块化的设计理念,实现了高度的灵活性和精确性。该定位台能够轻松适应各种应用场景,无论是科研实验还是工业生产,都能提供稳定可靠的定位支持。同时,其精确的定位性能保证了操作...
点击进入详情页
本回答由华领精密机电提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询