如何在CSS中执行width = 100% - 100px?

fmsf 137 html css

在CSS中,我该怎么做这样的事情:

width: 100% - 100px;

我想这很简单但是很难找到显示出来的例子.

Chad.. 249

现代浏览器现在支持:

width: calc(100% - 100px);

要查看支持的浏览器版本checkout列表:我可以使用calc()作为CSS单位值吗?

有一个jQuery回退:css width:calc(100%-100px); 使用jquery的替代方案

  • 我发现当我使用`calc(100% - 6px)时,例如它显示为`calc(94%)`,我必须按如下方式逃避它,现在它的工作原理为`width:calc(〜"100% - 6像素");` (13认同)
  • 请注意,您必须在`-`(或`+`)字符周围添加空格.这有效:`calc(100% - 100px);`这不是:`calc(100%-100px);` (10认同)

Aric TenEyck.. 98

你能不能嵌套一个div margin-left: 50px;margin-right: 50px;<div>width: 100%;

  • 宽度:计算(100% - 100px); 这是正确答案. (4认同)

barış çıracı.. 16

你可以尝试这个......

<!--First Solution-->
width: calc(100% - 100px);
<!--Second Solution-->
width: calc(100vh - 100px);

vw:视口宽度

vh:视口高度