绝对定位和相对定位有什么区别?

发布网友发布时间：2022-04-28 22:17

共1个回答

热心网友时间：2022-04-20 14:31

相对定位是普通流定位，相对定位的元素出现在它在普通流该出现的位置，普通流你可理解为文档流就行了。这个占空间的。例子：
内容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以下这样，还须写些东西才可以，不写了，你自己慢慢研究吧。