使用自动宽度计算

Question

我不知道是否可以用纯css做这样的事情。 width: auto - 100px;

element.style {
    margin-left: 100px;
    width: auto;
}

我需要总是减去100px到宽度的值。这只能用JS完成，还是有任何css替代方案？

Answer 1

是的，我认为您可以使用CSS 3 calc() function

element.style {
margin-left: 100px;
width: calc(100% - 100px); /* Just an example */
}

Answer 2

没有广泛支持的css替代品。

这些计算只能在JS中进行。

虽然根据具体情况，可能会有一个涉及填充和解决方案的解决方案。边缘技巧。

愿你有一个我们可以提供帮助的具体例子。