【position:relative、absolute】 使用方法
2010-07-22 11:03
351 查看
css position属性relative(相对)与absolute(绝对)
正确的解决方法就是在元素的父级元素定义为position:relative;(更正:这里可以是祖父级,也可以是position:absolute)需要绝对定位的元素设为position:absolute;这样再设定top,right,bottom,left的值就可以了,这样其定位的参照标准就是父级的左上角padding的左上侧。
<div style="position:relative">
<div style="position:absolute;top:5px;right:5px;"></div>
</div>
正确的解决方法就是在元素的父级元素定义为position:relative;(更正:这里可以是祖父级,也可以是position:absolute)需要绝对定位的元素设为position:absolute;这样再设定top,right,bottom,left的值就可以了,这样其定位的参照标准就是父级的左上角padding的左上侧。
<div style="position:relative">
<div style="position:absolute;top:5px;right:5px;"></div>
</div>
相关文章推荐
- 【CSS样式层叠表】:position属性|static|absolute|relative|fix|四种控制方式的使用方法
- position:relative和position:absolute的差别及使用方法
- CSS定位中Position的absolute、 Relative使用细节
- css中position的absolute与relative的使用
- CSS中position属性的理解,相对位置relative,绝对位置absolute,固定fixed,页脚固定的实现2种方法
- 图文详解CSS的position常用的三个属性:relative,absolute以及fixed,以及嵌套使用的一个常见情况
- Position:absolute和Relative组合使用
- css position: absolute、relative详解
- css中的position属性absolute和relative
- css中position中的relative和absolute
- position中relative和absolute属性详解
- CSS里面 Position:relative与 Position:absolute 区别
- CSS中position属性( absolute | relative | static | fixed )详解
- positionrelative 的使用限制
- CSS position relative absolute fixed
- css中position的两种定位(absolute、relative)
- html中相对(relative),绝对(absolute)位置以及float的学习和使用案例
- position absolute和relative
- Position属性四个值:static、fixed、absolute和relative的区别和用法
- day14 python css position relative absolute