代码之家 › 专栏 › 技术社区 › thedp Arvind Kanjariya

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

pixels css

5

thedp Arvind Kanjariya · 技术社区 · 16 年前

有没有一种方法可以将高度/宽度的css属性设置为这样的值:100%-50px 因此,如果总的100%是1000px,那么最终结果将是950px。100%由浏览器大小设置。

更新: 我想做的是:

我有两个分区,第一个分区的高度是50像素,我想第二个分区的高度覆盖剩余的空间。

5 回复 | 直到 11 年前

1

9

Dori 12 年前

CSS3中有一个解决方案,实际上我也认为它在IE中得到了一段时间的支持。

例子:

width: -moz-calc(25% - 1em);

2

3

thedp Arvind Kanjariya 16 年前

通过网络搜索,我意识到这是不可能的。唯一的模拟方法是使用javascript和 onresize 事件。

3

2

Matijs 16 年前

不是宽度本身。

您必须将页边距和/或左右填充设置为总共50px。

4

1

Guffa 16 年前

如果您希望整个页面都这样:

body { margin: 0; padding: 25px; }

这会在顶部和底部给你一个填充物。如果您不想这样做,可以将它们设置为零:

body { margin: 0; padding: 0 25px; }

注意:大多数浏览器对正文使用默认边距,但有些(opera)使用默认填充,因此您应该始终为正文指定边距和填充。

5

1

Sergio Morstabilini 12 年前

在第二个分区集中

top=50px, 
bottom=0 
position=absolute

不需要javascript。