CSS宽度/高度像素和百分比计算组合?

the*_*edp 5 css pixels

有没有办法将高度/宽度CSS属性设置为:100% - 50px因此,如果总100%是1000px,那么最终结果将是950px.并且100%由浏览器大小设置.

更新:我想要做的是:

我有两个div,第一个div的高度是50px,我想第二个div的高度来覆盖剩余的空间.

pat*_*son 9

在css3中有一个解决方案,我实际上也认为它已经在IE中支持了一段时间.

例:

width: -moz-calc(25% - 1em);
Run Code Online (Sandbox Code Playgroud)

http://hacks.mozilla.org/2010/06/css3-calc/


the*_*edp 3

网上查了一下,发现这是不可能的。唯一的模拟方法是用JavaScript和onresize事件来调整它。

  • @patricjansson 有正确的解决方案... `宽度:-webkit-calc(100% - 50px);` `宽度:-o-calc(100% - 50px);` `宽度:-moz-calc(100% - 50px);` `width: calc(100% - 50px);` 带有 javaScript 后备。 (4认同)