将 calc() 与表格一起使用
我正在尝试使用固定宽度的 tds 和可变宽度的 tds. 我正在使用 CSS calc() 函数，但不知何故，我似乎无法在表格中使用 %. 这就是我目前所拥有的: 我怎么看，它应该可以工作，但事实并非如此. 有人知道如何解决这个问题吗?或者对我如何实现目标有其他建议? 解决方案 表格在分配列空间方面有困难的规则，因为默认情况下它们根据单元格的内容分配空间.Calc
..
css-calc相关内容
如何防止 Less 尝试编译 CSS calc() 属性?
我正在使用的 Less 编译器(OrangeBits 和 dotless 1.3.0.5) 正在积极翻译 body { width: calc(100% - 250px - 1.5em);} 进入 body { width: calc(-151.5%);} 这显然不是我们想要的.我想知道是否有办法向 Less 编译器发出信号，以便在编译期间基本上忽略该属性.我搜索了 Less 文档和两个编
..
CSS Calc中的百分比值
在css calc 中指定百分比值时， calc 如何知道我指的是 width 还是 height ? .container {宽度:calc(100％-2vw);//100％是width或height吗?} 根据您要访问的属性(在这种情况下为宽度)，可以假定它是宽度还是高度.如果是这样，如果您想基于其他属性进行一些计算，会发生什么?例如，基于对高度的一些计算来设置宽度?是说，将容器的宽度
..
@supportsss calc函数
是否可以使用 calc函数 @supports(属性名称，值)?我的意思是 仅用于calc函数. @supports(){.col-3 {宽度:calc(25％-20px/4)}.col-4 {宽度:calc(33.3333333％-20px/3)}.col-6 {宽度:calc(50％-20px/2)}}
..
CSS的calc()中使用的最大可用数字是多少?
标题说明了一切. 我想知道，这是我可以在 calc()算术中的CSS中使用的最大数字. 它与JavaScript中的最大数字相同吗? 当我尝试使用transform时，限制似乎是1e39(在Chrome中，对于 transform:translateX()) div span {显示:块；宽度:100px；高度:100px；背景颜色:金色；}div:nth-child(1
..
如何将CSS calc()与继承一起使用?
我想像这样将 inherit 与 calc()一起使用: #foo {动画时间:10秒；}#foo>.酒吧 {动画持续时间:calc(inherit + 2s);/* = 12秒*/} 但是它似乎不起作用. 是浏览器的错误还是规格? 解决方案 inherit 关键字只能作为值存在于属性声明中.它不能与其他作为值一起使用，因为它本身就是一个值.这意味着它也不能与 calc()之
..
为什么min()(或max())不能与无单位0一起使用?
我一直在寻找答案，但是找不到任何有用的信息.我正在尝试将CSS中元素的 top 属性设置为 max(0，120vh-271px).我已经尝试了几种方法: 顶部:max(0，120vh-271px); top:max(0，(120vh-271px)); 顶部:max(0，calc(120vh-271px)); 我的语法有问题吗?Chrome不断告诉我这是无效的属性错误. 实
..
" width:calc(100％/3);"工作不正常
我有3列布局，应该可以覆盖整个屏幕，因此在我正在使用的列上: width:calc(100％/3); 例如，假设我的屏幕为782px宽: 782/3 =260.66̅ 但是我遇到的问题是在Internet Explorer中，它将像素四舍五入到小数点后两位(260.67) 260.67 * 3 = 782.01 因此，在某些宽度下，由于包裹在下面，所以我丢失了1/3
..
为什么此calc()函数在变换比例下不起作用?
calc()显然可以在转换中使用，但这不行: transform:scale(calc(0.75 +(0.3-0.75)*((100vw-320px)/(780-320))))); 这也可以，但是它基本上是相同的公式，只是百分数与小数.仅添加了此内容，以便您可以在此处查看公式: right:calc(30％+(75-30)*((100vw-320px)/(780-320))); 我
..
HSL值的CSS变量计算
我想要一个基本的HSL颜色值，我希望将其实现为如下渐变: :root {-色调:201;-饱和度:31;-亮度:40;--mainColor:hsl(var(-hue)，var(-saturation)，var(-lightness));-差异:20；/* 0 +-差异
..
CSS Calc在线性渐变的IE11中不起作用
*{ margin:0; padding: 0; } body { background-color: orangered; } .content { margin-top: 200px; height: 100vh; background-color: #fdfdff; } .tilt { position: relative; } .tilt:
..
嵌套计算操作
希望这很简单.我想使用CSS calc操作来执行两个计算: 我想将宽度设置为等于 (100% / 7) - 2 但是，如果我尝试在CSS calc操作中执行多个操作，则会失败: width: calc((100% / 7) - 2); 如何在一个CSS语句中执行多个计算操作? 解决方案 显然，您必须将px或%分配给所有未被乘或除的数字. width: cal
..
Calc（）输出意外值
我想做的是使 #grid height #grid width 通过 calc（var（-grid-item-width）* 1.6），但似乎将-grid-item-width 视为视口宽度的百分比，而不是像素值。 #grid 的高度远大于其宽度的160％，如下面的屏幕截图所示。 ：root { --gap：26px; --grid-item-width：calc（100％-ca
..
如何计算（）网格模板中的行数？
我想使用 calc（）计算网格模板中的行数，但尝试获取重复按除法计数不起作用： .grid {显示：网格； grid-gap：10px; grid-template-columns：1fr;底边距：10px;背景：rgba（0、0、0、0.2）;}。grid> div {背景：番茄；宽度：20px；文本对齐：居中； margin：auto;}。grid.no-calc {grid-temp
..
使用带自动保证金的calc
我想通过使用css3 calc（）使用margin-right来自动添加一些像素，但似乎该语句是错误的。 selector {margin：calc（auto + 5px）; 那么，如何使用它以便获得自动边距并加上固定的像素边距？ 像这样的东西！ 解决方案 看着我今天有一个问题，我感到feel愧，为什么我不能正确地思考呢？基本上
..
我可以在CSS的Transform：Scale函数中使用Calc吗？
我正在尝试计算适用于父母内部孩子的正确比例，但是我不能在使用 calc（） strong> transform：scale CSS函数。 我已经使用javascript完成了此功能，但我对纯CSS解决方案感兴趣，以避免尽可能多地使用脚本使页面过大。 例如： CSS .anyclass { height：250px; / *此值可以动态更改* / transform：scal
..
将calc（）与attr（）结合在CSS中
我想知道是否可以将calc（）函数与attr（）函数结合使用以实现如下所示：
此框的宽度应为100px
此框的宽度应为200px
..
div是否可以使用基于像素的边距填充整个视口，而不使用CSS3 calc属性？
我发现了一种（巧妙的方法）通过使用CSS3 calc 使div占据浏览器的整个视口，减去基于像素的边距。像这样的属性（请参见小提琴）： html，body {高度：100％；边距：0; div：背景：线性渐变（红色，黄色）；高度：calc（100％-26px）;边距：13px 0 0 13px;宽度：calc（100％-26px）;} < ; body>
..
在表中使用calc()
我正在尝试使用calc固定我的th:last-child的宽度，该宽度与其他宽度相差15px.我所做的是: th:last-child { width: calc( (100% - 30px)/12 + 30px ); } table, tr { width:100%; border: 1px solid black; height:10px; } th { bo
..
jQuery animate()和CSS calc()
例如，我尝试使用jQuery动画设置CSS calc(): $element.animate({ height: 'calc(100% - 30px)' }, 500); ，我注意到calc()不适用于jQuery动画... 我希望有一种方法可以实现，我不想用类似的方法来实现，替代方法或变通方法，我想设置calc() 这不可能吗?以任何方式? 如果可能的话，请您
..