CSS宽度减法

Jea*_*ert 27 css

如何在CSS中减去宽度?

例如:

width = 100% - 10px
Run Code Online (Sandbox Code Playgroud)

我不是在谈论填充或边距.

mpg*_*pgn 27

现在使用calc,解决方案将是:

width: calc(100% - 10px);
Run Code Online (Sandbox Code Playgroud)


Calc 可以与加法,减法,乘法,除法一起使用.

附加说明:

注意:+和 - 运算符必须始终用空格包围.例如,calc(50%-8px)的操作数将被解析为百分比,后跟负长度,无效表达式,而calc的操作数(50% - 8px)是百分比,后跟减号和长度.更进一步,calc(8px + -50%)被视为长度,接着是加号和负百分比.*和/运算符不需要空格,但允许添加它以保持一致性,并建议使用.

  • 什么是浏览器兼容性? (2认同)

Pet*_*ter 13

简单:你不能这样做.你必须使用一些解决方法.


n13*_*313 12

好吧,直到CSS3 calc()在所有主流浏览器中发布,你所要做的就是将一个div换成另一个div并使用一些paddings-margin.或者,你可以使用一些javascript,比如计算屏幕的宽度并相应地设置div的宽度.