- 限制定位:relative可限制absolute(top、bottom)
- 限制层级:使用z-index控制层级。
- 限制超越overflow:干掉absolute不受overflow:hidden(auto/scroll)限制的特性
- relative只能限制fixed的“限制层级”用处
- 两个特性:1、相对自身;2、无侵入
- 1、相对自身。relatvie是相对自身进行left、top;而absolute是相对直接限制他的父级元素进行定位。
- 2、无侵入:margin布局会影响布局,而relative布局是不会影响其他元素(占着坑)
- 相对定位中定义对立属性(top、bottom)时,不会拉伸,top>bottom,left>right
- relative的层叠上下文大于其他定位。
- 当relative元素的z-index为auto时,不会限制内部absolute元素的层级(不会创建层叠上下文),不包括ie6/7(很容易出bug)
- relative的最小化影响原则,指尽量降低relative属性对其他元素或布局的潜在影响。
- 1、尽量避免使用relative,absolute定位不依赖于relative,可以采用margin或padding进行精准定位,而不使用top
- 2、relative最小化。
relative相关
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
- CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...