CSS中position的absolute如何相对于父元素的位置进行定位
2016-04-21 10:47
603 查看
relative(相对)以及absolute(绝对)。
用absolute定位时,要把其上一级的元素样式属性position设置为relative。也就是说,position的属性值的效果,直接受其容器样式中position属性值影响。
例如如下A-B的嵌套结构
<div id="A">
<div id="B">
</div>
</div>
当A的position为relative时,B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档,而是针对id为A的这个div了。
转自:http://luyumiao1990.blog.163.com/blog/static/2134162282013111835242580/
相关文章推荐
- css3滤镜
- CSS隐藏元素的几种妙法
- css3幻灯片效果
- css定位
- CSS笔记(语法)
- CSS命名规则
- CSS position属性和实例应用
- 详解css3弹性盒模型(Flexbox)
- CSS_腾讯QQ官网,新浪官网,网易官网,淘宝官网之css初始化代码
- 史上最全的CSS hack方式一览
- CSS清除浮动_清除float浮动
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- [zz]css绝对定位、相对定位和文档流的那些事
- ios开发之字体样式设置大全
- CSS3径向渐变----大鱼吃小鱼之孤单的大鱼
- 用css控制段落
- CSS3 Filter的十种特效
- cssReset - css初始化
- avalon2学习教程06样式操作
- CSS实现多重边框和内凹圆角