Html CSS calc（）为什么100%=父元素的宽度而不是实际元素的宽度

我试图在CSS中使用calc创建一个简单的文本滑块，但它不起作用

为了说明它应该如何工作，我额外添加了正确的值

编辑： 我已经编辑了代码，现在应该不包含更多的错误，但仍然不起作用。 计算中的100%似乎是指父元素。 我该怎么解决这个问题

.盒子{ 宽度：200px； 高度：30px； 线高：30px； 字体系列：arial； 字体大小：粗体； 颜色：FFF； 背景：2000人； 溢出：隐藏； 游标：默认值； -moz用户选择：无； -webkit用户选择：无； -ms用户选择：无； 用户选择：无； } .文本{ 空白：nowrap； 浮动：左； 填充：0 7px； 框大小：边框框； 过渡：边缘0.5s线性； 背景：404040； } a:悬停{ 过渡：边缘2s线性； 裕度：0-90.25px； } b:悬停{ 过渡：边缘2s线性； 利润率：0 calc200px-100%； } Dieser文本是zu großfür diese框 Dieser文本是zu großfür diese框

---

如果运算符周围没有空格，则calc中的表达式将不起作用。利润率：calc200px-100%；应该有用。

您错过了计算器内的空间

您应该使用margin:calc200px-100%而不是margin:calc200px-100%

为了进一步的参考，你最好检查一下这个

.盒子{ 宽度：200px； 高度：30px； 线高：30px； 字体系列：arial； 字体大小：粗体； 颜色：FFF； 背景：2000人； 溢出：隐藏； 游标：默认值； -moz用户选择：无； -webkit用户选择：无； -ms用户选择：无； 用户选择：无； } .文本{ 空白：nowrap； 浮动：左； 填充：0 7px； 框大小：边框框； 过渡：边缘0.5s线性； 背景：404040； } .文本：悬停{ 过渡：边缘2s线性；

---

边距：0 0-90.25px；//定义它不工作它什么也不做，有一个意外的结果，召唤一个恶魔？请描述预期的结果和实际的结果如果这是问题，但我认为你必须写这个：边距：0 0 0 calc200px-100%代码很好200px-100%100%=宽度=200px=0，所以你把边距设置为0是否应为100%而不是文本元素的宽度？