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

CSS进阶(十)position:relative

时间:2018-10-19 02:23:19      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:tom   col   定位元素   relative   位移   最小化   ack   color   相对   

定位位移相对于自身进行偏移定位

相对定位元素的 left/top/right/bottom 的百分比值是相对于包含块计算的,而不是自身

与绝对定位元素的对立方向不同,top/bottom 同时使 用的时候,bottom 被干掉;left/right 同时使用的时候,right 毙命

最小化影响原则

(1)尽量不适用relative,而使用无依赖的绝对定位

(2)在必须使用relative的前提下,尽量最小化

relative的层级优先于普通元素

CSS进阶(十)position:relative

标签:tom   col   定位元素   relative   位移   最小化   ack   color   相对   

原文地址:https://www.cnblogs.com/goOtter/p/9814024.html

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