CSS Breite/Höhe Pixel- und Prozentkalkulation?

Question

Gibt es eine Möglichkeit, die CSS-Eigenschaften height/width auf etwa so einzustellen: 100% - 50px Wenn also die Summe 100% 1000px ist, dann wäre das Endergebnis 950px. Und die 100% wird durch die Browsergröße festgelegt.

UPDATE: Was ich versuche zu tun:

Ich habe zwei div, die Höhe des ersten div ist 50px, würde ich die zweite div Höhe wie den verbleibenden Platz zu decken.

Answer 1

Nach der Suche durch das Netz, habe ich festgestellt, dass es nicht möglich ist. Die einzige Möglichkeit zu simulieren ist es, es mit JavaScript und onresize Ereignis zu justieren.

Answer 2

Nicht mit der Breite selbst.

Sie müssen entweder die Ränder und/oder die Paddings links und rechts auf insgesamt 50px einstellen.

Answer 3

Wenn Sie wollen, dass diese für die gesamte Seite:

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

, dass Sie eine Polsterung an der oben und unten auch geben.

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

Hinweis: Die meisten Browser verwenden, um eine Standard-Marge für den Körper, aber einige (Oper) verwenden, anstatt einen Standard-Polsterung, so dass Sie immer beide angeben sollten, wenn Sie nicht wollen, dass Sie sie auf Null setzen kann der Rand und die Polsterung für den Körper.

Answer 4

Es gibt eine Lösung in CSS3, und ich denke auch, dass es seit einiger Zeit im IE unterstützt wird.

Beispiel:

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

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

Answer 5

Im zweiten div gesetzt

top=50px, 
bottom=0 
position=absolute 

http://jsfiddle.net/4TG2Z/

Kein Javascript erforderlich.