天冷了,position也恋爱了

突然降温,天气越来越冷了,路灯都瑟缩着没有往昔明亮,风中翻卷的落叶挟着扑面而来的寒意,就像武打特效,隔着车窗便可感觉到一片肃杀,此时如果你的周围有对不开眼的情侣在花式秀恩爱,那我祝你好运,多喝热水!

前面的铺垫只为了更好的吐槽在css中的一对情侣 一 相对定位relative,和绝对定位absolute~,中文名字已经告诉你了,他们是用来确定位置的嘛、和浮动相处久了,你会发现其他的元素都莫名其妙温顺,定位也变得越发可爱,相对定位的性格比较单纯,他只针对于自己本身的位置来偏移,并且从不改变性质,不管走到哪儿,原始的位置都会保留(你这么恋家你妈知道吗?),绝对定位虽说是一朵奇葩,但是有了相对定位的牵制也变得乖巧了许多(因为爱情,他收起了性格中的锋芒,你就说虐不虐吧)


文字略丑,海涵



下图是今天做的一个边框变色的小导航,对不起我已经发现你心里默默翻了白眼,所以必须要解释一下,这并不是一个hover就ok的,宝宝是在设置了相对定位属性以后,又加了层级的呢?

红色边框哦


半透明的效果

我是想传代码的,但是因为有一些小问题没有搞清楚,所以,今天暂且来看看成品图了~总结相对定位和绝对定位大概就是,我会用你,但我不太懂你~



   

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 老城霜风侵骨寒 冷月弯弯照心烦 远在他乡闻年味 夜半星稀念淮南
    左耳朵冷阅读 171评论 0 0
  • 开篇了,千言万语,不知该从何说起。 那就先来谈谈我和简书的缘分吧。很久以前就是简粉,每次只要换了个新手机,一定会马...
    路路L阅读 179评论 0 1
  • DelayActions 执行某个操作时需要满足一些前提条件,而这些前提条件需要用户参与才能满足。比如进入个人资料...
    pobi阅读 638评论 0 0
  • 题记:谁知道我们该去向何处,谁明白生命已沦为何物,是否找个借口继续苟活,或是展翅高飞,保持愤怒…… 刘宁的心情一直...
    挫折当存折阅读 284评论 0 3