CSS ширина / высота пикселей и процент расчета комбинации?

Question

Есть ли способ установить свойства CSS высоты / ширины примерно так: 100% - 50px Таким образом, если 100% составляет 1000 пикселей, конечный результат будет 950 пикселей. И 100% устанавливается размером браузера.

UPDATE: То, что я пытаюсь сделать, это:

У меня есть два элемента div, высота первого элемента div составляет 50 пикселей, я хотел бы, чтобы высота второго элемента div покрывала оставшееся пространство.

Answer 1

В css3 есть решение, и я также думаю, что оно какое-то время поддерживается в IE.

Пример:

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

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

Answer 2

После поиска по сети я понял, что это невозможно. Единственный способ симулировать - это настроить его с помощью JavaScript и события onresize.

Answer 3

Не с самой шириной.

Вы должны установить поля и / или отступы влево и вправо до 50 пикселей.

Answer 4

Во втором наборе div

top=50px, 
bottom=0 
position=absolute 

http://jsfiddle.net/4TG2Z/

JavaScript не требуется.

Answer 5

Если вы хотите это для всей страницы:

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

Это даст вам отступы сверху и снизу. Если вы не хотите, чтобы вы могли установить их на ноль:

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

Примечание. Большинство браузеров используют поле по умолчанию для тела, но некоторые (Opera) используют вместо него заполнение по умолчанию, поэтому вы всегда должны указывать поле и отступы для тела.