今天写前端页面代码是遇到的问题,前端页面要求自适应各分辨率,然后就想到了用CSS3的calc()函数来实现,calc函数是CSS3中一个进行四则运算的函数,很适合运用在有已知数值情况下的宽度或高度设置。

但是在写入后在前端页面却并未生效,警告提示“invalid property value”,我的css是这样写的:width:calc(100%-107px); ,查看了网上一些小伙伴的解决方案,有人提出将clac里的px去掉(width:calc(100% - 107);),很显然不行,官方写法也是有px在的,后来在一个在线的CSS参考手册里找到了我想要的答案,原来在用calc的时候运算符前后都需要保留一个空格,否则表达式不生效。

CSS3参考手册地址:http://www.css88.com/book/css/values/functional/calc().htm

CSS3的clac()函数无效,警告提示“invalid property value”相关推荐

  1. CSS 提示 invalid property value

    设置div样式时,在网上复制了一段代码,咦,浏览器并没有出现预期的效果? F12 打开调试状态后,发现div的样式显示这样: 鼠标悬浮显示如下 invalid property value: 猜测是 ...

  2. invalid property name ' XxxYyy' - not JavaBean compliant

    invalid property name not JavaBean compliant 场景:spring注入,提示Invalid property name 'CodedbDao' - not J ...

  3. 在使用python语言的open函数时,提示错误OSError: [Errno 22] Invalid argument: ‘文件路径’

    如题,在使用python语言的open函数时,提示错误OSError: [Errno 22] Invalid argument: '文件路径',在查阅了大量资料后也得到了一些解决方案,但是这些解决方案 ...

  4. css3中定义required,focus,valid和invalid样式

    css3中定义required,focus,valid和invalid样式 本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法,此方法目前只支持ie9+ ...

  5. linux gcc忽略警告,GCC 警告提示的用法

    本节主要讲解GCC的警告提示功能.GCC包含完整的出错检查和警告提示功能,它们可以帮助Linux程序员写出更加专业和优美的代码.我们千万不能小瞧这些警告信息,在很多情况下,含有警告信息的代码往往会有意 ...

  6. Android导入一个工程时提示 Invalid project description的解决方法

    今天在网上下了个源码,导入的时候发现出现Invalid project description的提示,翻译成中文就是"无效的项目描述"的意思,搞不明白遂百度找到了解决办法,现记录并 ...

  7. 计算机启动显示不正确的分区表,每次开机提示invalid partition table怎么解决?

    对于电脑各种疑难杂症,相信不少用户都见怪不怪了,有些人只要电脑有任何问题都是送到电脑维修店,或者找维修师傅上门维修.其实有些小问题,自己通过网上查阅资料也可以自己解决,不但节省金钱,还不用自己抱着电脑 ...

  8. ie 运行 activex 时去掉警告提示

    ie浏览器运行activex时会遇到警告提示,如何去掉? ie浏览器运行activex控件一般会报如下两种提示 第一种: 第二种: 第一种警告提示解决方案(两个办法): 1.修改浏览器设置 打开浏览器 ...

  9. Android导入工程提示Invalid project description

    Android导入一个工程时提示 Invalid project description字样,当我们单击<<Details按钮查看详细内容可以看到overlaps the location ...

  10. 用Anko和Kotlin实现Android上的对话框和警告提示(KAD 24)

    作者:Antonio Leiva 时间:Mar 9, 2017 原文链接:https://antonioleiva.com/dialogs-android-anko-kotlin/ 借助Builder ...

最新文章

  1. 不出家门也能喝上原汁原味的泰国国汤——冬阴功汤
  2. 【最全最详细】使用publiccms实现动态可维护的首页轮播
  3. python 字符ab+字符c 2_“ab”+”c”*2 结果是: (1.3分)_学小易找答案
  4. 查看大日志文件的专门工具logviewer
  5. Eclipse中Maven WEB工程tomcat调试
  6. js模拟下雨js特效代码
  7. uni-app获取微信openid及其他信息
  8. 刽子手游戏 做题笔记
  9. 第二版 手把手教你如何建立自己的Linux系统
  10. 《深度学习之美》推荐序:通俗也是一种美德
  11. 【代码大全2】第33章 个人性格
  12. JavaWeb个人博客项目:手把手教你实现博客后台系统之管理员管理模块5
  13. 用python爬取前程无忧网大数据岗位信息并分析
  14. PTA L2-003 月饼
  15. http-server : 无法加载文件 C:\Users\mes\AppData\Roaming\npm\http-server.ps1,因为在此系统上禁止运行脚本。有关详细信息, 请参阅 http
  16. 5阶无向完全图_n阶无向完全图Kn 的边数是_________,每个结点的度数是__________。...
  17. 电子工程师高端PCB设计工具:20种完全免费的PCB设计必备工具
  18. 数据库系统概论(第五版 王珊 萨师煊 编著)
  19. 【数据恢复软件】360有个功能叫文件恢复,亲测好使
  20. 如何下载编译Linux下RJMCMCMT1D(可逆跳跃马尔科夫链门特卡罗一维大地电磁反演)开源软件

热门文章

  1. 用计算机怎么算斜边,斜边计算公式
  2. linux eof 用法,Linux下EOF 用法
  3. 解析几何----向量的线性表示等和线定理成等差数列
  4. Deepin安装到移动硬盘
  5. 2020年浙江大学金融考研经验分享
  6. android图标分组名称唯美简单可复制,扣扣分组名称简单唯美
  7. java运行期类型鉴定
  8. MySQL学习笔记.安全管理
  9. 兔子数列规律怎么讲_兔子繁殖问题带来的智商碾压:斐波那契数列趣谈
  10. Kali 里边没有声声音 解决办法 有帮助的话给兄弟点个赞 感激不尽