CSS calc()在Chrome和firefox上不起作用
CSS calc()是一个用于计算CSS属性值的函数，可以在其中使用数学表达式。它可以用于计算长度、百分比、视窗单位和其他支持的单位。
在Chrome和Firefox上，CSS calc()通常是有效的，但如果在某些情况下不起作用，可能是由于以下原因：
- 语法错误：在使用calc()函数时，必须确保表达式的语法是正确的。例如，确保括号匹配、运算符正确使用等。
- 浏览器版本：不同版本的浏览器对CSS calc()的支持可能会有所不同。确保使用的是最新版本的Chrome和Firefox浏览器。
- 兼容性问题：某些CSS属性可能不支持calc()函数，或者在某些情况下可能存在兼容性问题。在使用calc()函数之前，建议查阅相关属性的文档以确认其是否支持。
- 其他CSS规则干扰：有时，其他CSS规则可能会干扰calc()函数的正常工作。检查是否存在其他CSS规则可能会影响到calc()函数的计算结果。
如果在Chrome和Firefox上遇到CSS calc()不起作用的问题，可以尝试以下解决方法：
- 检查语法错误：仔细检查calc()函数的语法，确保括号匹配、运算符正确使用等。
- 更新浏览器版本：确保使用的是最新版本的Chrome和Firefox浏览器，以获得最佳的calc()函数支持。
- 检查兼容性：查阅相关属性的文档，确认其是否支持calc()函数，并了解可能存在的兼容性问题。
- 检查其他CSS规则：检查是否存在其他CSS规则可能会干扰calc()函数的正常工作，尝试将其禁用或调整。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列云计算相关产品，包括云服务器、云数据库、云存储、人工智能等。您可以通过以下链接了解更多信息：
- 腾讯云计算产品：https://cloud.tencent.com/product
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
CSS calc()在Chrome和firefox上不起作用
javascript、jquery、google-chrome
我使用jQuery进程来控制网格视图中的滚动，但它只在IE上有效，在Chrome和Firefox上不起作用。ready(function () { var expr = "calc("+ expi +")";
$(".locked&
浏览 13提问于2017-07-31得票数 0
1回答
CSS calc在Chrome和Firefox上不起作用
c#、jquery、css
我使用Jquery过程来控制gridview中的滚动，但它只在IE上有效，在Chrome和firefox上不起作用。function () { var expr = "calc("+ expi +")";
$(&quo
浏览 0提问于2017-07-31得票数 1
1回答
CSS calc()在Firefox上不能正常工作
css、css-calc
下面是div的CSS块中的代码：--z: calc(1082px - 100%);--z2: calc(max(var(--z1) *这部分在Chrome和Firefox上运行得很好。然而，它在Firefox上不起作用。它返回width: 0px。请问，有人能
浏览 6提问于2021-11-11得票数 0
2回答
为什么文本对齐:分发不能在Chrome中工作？
html、css、google-chrome
在Firefox中，以下CSS起作用： text-align: justify; text-align-last: center;但它在Chrome上不起作用。我怎样才能让它在Chrome中工作？
浏览 0提问于2020-02-24得票数 0
4回答
使用CSS设置`tt`样式
html、css
我尝试了几种方法来设计它们的样式，但到目前为止还没有一种方法对我有效:例如， <head> .a {color:red;}</style> <body> </body
浏览 3提问于2011-09-07得票数 0
回答已采纳
1回答
Css折叠填充-底部
css
我的css布局有严重的问题。bottom:0;padding-bottom: 20px;width:100%;该网站应始终是最低100%的高度，与顶部和底部的距离很小然后它应该适合内容，到顶部和底部的距离应该保持不变。但是这个解决方案在Chrome和IE中不起作用。
我对C
浏览 2提问于2013-07-05得票数 1
回答已采纳
1回答
Django list_editable单击不更改值
django、django-admin
我正在使用django admin，我想让我的一个值is_flagged在列表中是可编辑的，所以我设置了list_editable = ('is_flagged',)。
浏览 1提问于2013-06-05得票数 0
回答已采纳
3回答
检查CSS计算在Chrome中不起作用
css、google-chrome、calc
我搜索了一种方法来检测浏览器是否支持CSS calc，发现了这个：我修改了5号的解决方案如下：help.css({ width: "10px" });if (help.width() == 20) var calcSup
浏览 3提问于2015-07-05得票数 4
3回答
让百分比在CSS calc()中为Firefox和Safari工作？
css、firefox、safari
我使用以下calc()方程计算两个div的宽度：.MyClass { width: -moz-calc((100%- 800px) / 2);}
这对于Chrome和IE很好，但Firefox和Safari不行。我注意到<e
浏览 5提问于2014-05-30得票数 11
回答已采纳
1回答
在文本在Firefox中消失之前，React-Bootstrap表单控件输入空间
css、react-bootstrap
在我的表单输入中，它的类名是" Form -Control"，在Chrome中可以正常工作，如下所示：然而，我认为来自padding的空格在我的Firefox上不起作用，就像这样消失了：有没有办法让我用CSS来解决这个问题，让空格在Firefox中显示出来？
浏览 0提问于2016-07-27得票数 1
2回答
android浏览器的扩展
android、google-chrome-extension、firefox-addon、mozilla、firefox-addon-sdk
最近我一直在考虑android设备上的扩展/附加功能。我在某个地方读到，扩展在android铬上不起作用。是真的吗？第二，如何为android firefox开发扩展?
浏览 6提问于2014-05-09得票数 1
回答已采纳
1回答
HTML范围样式firefox。将拇指置于边缘的中心位置
html、css、firefox
我正在尝试设计一个inputtype=range，并且已经完成了我想要做的关于chrome和safari的事情，但我正在努力实现我想要的火狐。在Chrome / Safari中，我可以使用::before伪选择器来创建一个泪滴形状的滑块，但是在firefox中::before选择器在输入元素上不起作用。因此，我必须设计拇指本身的样式。我需要它在滑块的每一边超过15px，这样它的“尖端”部分，表明在滑块上的当
浏览 16提问于2017-01-26得票数 0
回答已采纳
1回答
Chrome或IE中悬停不工作的不透明度
css、google-chrome、wordpress、internet-explorer-10
我使用一个WordPress插件来创建悬停时具有不透明度效果的框，但是它似乎在Chrome或IE上不起作用，相反，它们会减弱为不透明度:1 (100%)，尽管我已经将CSS修改为不透明: 0.2。在Safari和Firefox上工作得很好，但Chrome或IE就不行了。这会是webkit的问题吗？
滑块下方的框：
浏览 1提问于2015-03-29得票数 1
回答已采纳
2回答
为什么我在浏览器Firefox中没有一个在占位符之后的红星呢？
jquery、html、css
Chrome和Safari都很好，但在Firefox上不起作用。content: "*";input:-ms-input-placeholder:after { content: "*";在CSS和 <input type="tex
浏览 5提问于2016-03-04得票数 0
回答已采纳
6回答
HTML select下拉列表中的选项值样式在Chrome & Safari中不起作用
html、css、html-select
html下拉列表中选项值的内联CSS样式在Chrome和Safari上不起作用，但似乎在Firefox和IE中起作用。
浏览 0提问于2012-09-06得票数 9
回答已采纳
12回答
内容url不在firefox浏览器上显示图像
css、firefox
googlePlusIcon.PNG'); padding-right: 53px; height: 19px;
这是css它在google chrome和safari上运行良好，打印效果也很好。但是，它在firefox上不起作用。Nth被打印出来。请帮助:)
浏览 4提问于2013-07-28得票数 39
1回答
在图像上书写
css、html
这段HTML代码在IE 9上不起作用，但在Chrome、Safari和Firefox上都能起作用。请帮帮我。谢谢。
浏览 1提问于2011-10-24得票数 0
回答已采纳
1回答
使滚动条在Firefox上可行
css、google-chrome、firefox、scroll、scrollbar
我想使我的css滚动条的div可见火狐。我可以看到它在firefox上不起作用，但它正在运行在chrome上。这是我的css。
浏览 8提问于2020-03-24得票数 0
2回答
html:纯XML文档中的标题
html、xml
我决定为我的网页使用纯XML+CSS而不是(X)HTML。我使用并且没有任何问题。但是，我不能指定网页的标题。<?xml version="1.0" ?><p>foo bar <html:a href="#">foobar<
浏览 0提问于2010-01-11得票数 0
回答已采纳
1回答
flash播放器在firefox中工作，而不是在chrome中工作
14.04、google-chrome、flash
我有UBUNTU14.04和最新的firefox和chrome版本，视频在firefox上正常工作，但在chrome上不起作用，我尝试了这两个版本sudo apt-get install adobe-flashplugin
但这并没有什么区别
浏览 0提问于2016-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
