2009-12-25 2 views
5

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

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

У меня есть два DIV, высота первого DIV является 50px, я хотел бы высоту второго Div, чтобы покрыть оставшееся пространство.

ответ

3

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

+0

jQuery может помочь – GibboK

+4

@patricjansson имеет правильное решение ... 'width: -webkit-calc (100% - 50px);' 'width: -o-calc (100% - 50px);' 'width: -moz- calc (100% - 50px); '' width: calc (100% - 50px); 'с резервным копированием javaScript. – user1752759

2

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

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

+0

Извините, это не то, что я ищу. Отступы заставляют страницу отображать полосы прокрутки, чего я стараюсь избежать в первую очередь. См. Дополнительную информацию в обновлении вопроса. – thedp

1

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

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

Это даст вам отступы в верхней и нижней части также. Если вы не хотите, что вы можете установить их к нулю:

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

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

+0

Извините, это не то, что я ищу. Отступы заставляют страницу отображать полосы прокрутки, чего я стараюсь избежать в первую очередь. См. Дополнительную информацию в обновлении вопроса. – thedp

+0

Полосы прокрутки? Итак, у вас есть абсолютные позиционированные divs? Вам действительно нужно опубликовать SSCCE (http://sscce.org). – BalusC

Смежные вопросы