css - CSS宽度/高度像素和百分比计算组合？

Question

有没有办法将高度/宽度 CSS 属性设置为：100% - 50px 所以如果总的 100% 是 1000px，那么最终结果将是 950px。100% 由浏览器大小设置。

更新：我想做的是：

我有两个 div，第一个 div 的高度是 50px，我希望第二个 div 的高度覆盖剩余的空间。

score 9 · Accepted Answer

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

例子：

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

score 3 · Accepted Answer

在网上搜索后，我意识到这是不可能的。模拟的唯一方法是使用 JavaScript 和onresize事件对其进行调整。

score 2 · Accepted Answer

2

不是宽度本身。

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

于 2009-12-25T14:02:45.817 回答

score 1 · Accepted Answer

如果你想要整个页面：

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

这也会在顶部和底部为您提供填充。如果您不希望这样，可以将它们设置为零：

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

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

score 1 · Accepted Answer

在第二个 div 集中

top=50px, 
bottom=0 
position=absolute

不需要javascript。

5 回答 5