码迷,mamicode.com
首页 > Web开发 > 详细

CSS定位的一些看法

时间:2014-05-09 08:32:44      阅读:366      评论:0      收藏:0      [点我收藏+]

标签:c   使用   a   os      div   

今天看了一下css定位的东西,这里和大家分享下

1.不管是绝对定位还是相对定位多不会影响它本身还有他父类

2.不管是绝对定位还是相对定位都不会影响它父类的位置

一、相对定位

首先说下相对定位,相对定位是相对于其父类框的定位以父类的左边框和上边框或它同级元素连边框为基准,如

一子类div的样式如下:

.child{

    position:relative     left:10px;

    top:10px;

}

这样这个子类div就离他的父类div左边框10px,上边框10px。

1.子类div还可以通过该定位而位置离开父类div,如把left设为超过父类div的宽度。

2.相对定位中left:10px等价于right:-10px;top:10px等价于bottom:-10px。

3.相对定位跟父类属于什么定位无关,它只相对于其父类框的定位以父类的左边框和上边框或它同级元素连边框

二、绝对定位

绝对定位是相对于他最近有设定位的父类,打个比方说一个子类div设置了绝对定位,那么它会去找如果该子类的父类div使用了相对或绝对定位,则该子类就以这个父类为基准进行定位,否则会去找他父类的父类符不符合条件,直到找到body为止。

1.绝对定位是以拥有定位父类div的四个框为基准进行定位,设left:10px,就是离父类左边框10px;设right:10px,就是离父类右边框10px,以此类推。

2.绝对定位会删除从文档流完全元素框。

3.绝对定位不会受他同级元素的影响。

 

最后在定位中可以设置z-index设置显示的优先级哦

CSS定位的一些看法,布布扣,bubuko.com

CSS定位的一些看法

标签:c   使用   a   os      div   

原文地址:http://www.cnblogs.com/ai3xiaoyi/p/3717657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!