摘要: 无依赖的绝对定位 margin,text-align与绝对定位的巧妙用法 例子1:实现左右上角的图标覆盖,如图, 左边 右边也是同样的原理,在绝对定位的基础上,加上margin:-36px即vip这个元素的宽度即可,不加的话会出现在蓝色图片的右边,上一篇讲到过位置跟随的特性,不明白可以去参考 例子2 阅读全文
posted @ 2016-10-13 17:06 yerr1990 阅读(684) 评论(0) 推荐(0) 编辑
摘要: 学习了绝对定位以后,对此进行一个总结,啦啦啦啦~ 绝对定位特性 1、破坏性 破坏了原有的位置,从文档流里脱离出来 2、包裹性 如果下面这种情况,父级元素将不会有高度和宽度,失去原有的大小 父级 3、去浮动 设置绝对定位以后,浮动的元素将会失效,来看下面的效果 效果: 加上position:absol 阅读全文
posted @ 2016-10-13 15:58 yerr1990 阅读(342) 评论(0) 推荐(0) 编辑