background-position 定位的position的区别

background-position 相对的位置是(容器的宽度-子元素的宽度)

当子元素的宽度大于容器的宽度

background-position: -50% -50%; 子元素的位置在容器的右下角,因为(容器的宽度-子元素的宽度)的值是负值,乘以负的百分比,结果是正值

position:absolute 相对的位置是(容器的宽度)

转载于:https://www.cnblogs.com/xiaofenguo/p/6369496.html

【position】相关推荐

  1. 【CSS】【position】css中的position属性

    css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...

  2. 【异常】 ‘ascii‘ codec can‘t decode byte 0xe8 in position 2: ordinal not in range(128)

    [异常] 'ascii' codec can't decode byte 0xe8 in position 2: ordinal not in range(128) 参考文章: (1)[异常] 'as ...

  3. position:fixed和scroll实现div浮动【示例】

    原文:position:fixed和scroll实现div浮动[示例] 前言 在自己建站的过程中,要实现一个div随滚动条浮动的效果,网上找了些示例不太好用,还是自己动手,丰衣足食,写的不好请大家谅解 ...

  4. 75. Find Peak Element 【medium】

    75. Find Peak Element [medium] There is an integer array which has the following features: The numbe ...

  5. 【布局】圣杯布局双飞翼布局

    背景 随着前端技术的发展推进,web端的布局方式已基本成熟,那么在网站布局方式中,三列布局最为常用,布局方式也有很多,渐渐的开发者们开始从效率的角度优化自己的代码 "如果三排布局能将中间的模 ...

  6. 【数据结构】单链表的实现(C语言)

    单链表是线性表链式储存的一种形式,其中的结点一般含有两个域,一个是存放数据信息的info域,另一个是指向该结点后继结点存放地址的指针next域.一个单链表必须要有一个首指针指向链表中的第一个结点. 单 ...

  7. 【转】给博客园博文标题加个漂亮的背景色

    这种效果 地址:http://www.java123.net/v/470409.html 在博客上有人留言说我的博客内容排版格式,下文对此做个总结.说明下:该东东也是我借鉴一个Web前端高手的,现在来 ...

  8. 【基础】CSS实现多重边框的5种方式

    原文:[基础]CSS实现多重边框的5种方式 简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其它的方案.本文简要地列举了几种多重边框 ...

  9. 【MySQL】基础知识

    [查询表] Select `Level` from tablename Where `CompID`='001' and `State`=0; 注意:字段名用" ` "包起来.字符 ...

最新文章

  1. javaSE8的流库总结
  2. hdu4665 DFS
  3. R语言任务视图:机器学习与统计学…
  4. Codeforces Zepto Code Rush 2014 -C - Dungeons and Candies
  5. 在集合中根据条件来筛选数据
  6. qt connect函数_Qt Inside信号和槽之connect
  7. 路由汇总之二ospf路由汇总
  8. 我毕业一年后。生活的艰辛。我的程序人生该怎么走
  9. 动态cookie-ob混淆
  10. garmone build on sb2
  11. pg数据库客户端linux,PostgresSQL客户端pgAdmin4使用
  12. java递归画谢尔宾斯基三角形
  13. 2018年航空概论课后作业(PS:部分答案不正确, 综合得分:83.6)
  14. 移动端网页字体过多时,字体被自动放大问题
  15. 小牛电动IPO:四年跌宕起伏 一代天才少年李一男终圆梦
  16. 美国国家安全局发布零信任安全模型指南
  17. python中for ch in是什么意思_python中for是什么
  18. 计算机网络--IPV4地址详细解释
  19. Matlab绘图技巧--如何去除图上方和右方刻度
  20. hihocoder1258(水)(2015ACM/ICPC北京站)

热门文章

  1. 24岁,接触前端的这三年
  2. 元宇宙产业委甘华鸣:关于术语“元宇宙”以及相关问题
  3. 数据库安全性和完整性
  4. python 按键精灵 办公自动化 方便_按键精灵自动化办公插件
  5. 【电气专业知识问答】问:发电机励磁系统自动电压调节器发生故障如何判别和处理?
  6. acwing 区间选点-java-贪心
  7. 如果linux虚拟机没网络网卡怎么办检查没ens33网卡
  8. 谁能坐上云计算的第二把交椅?
  9. Java如何判断一个整型数字是几位数的方法
  10. 麒麟linux开启telnet服务,怎么开启telnet服务?开启telnet服务的操作方法