100% divs äußeren und inneren

Question

Ich versuche, ein div zu machen, die 100% des Fensters sein wird (für die ich in der CSS verwenden oben fixiert 0 Boden 0 Höhe 100%)

Innerhalb dieses Div I habe mehr 2 div - eins für Titel und eins für Inhalt

Das Titel div ist 65px Höhe, und ich möchte das Inhalt div 100% des linken Fensters (100% - 65px) - wenn ich nur 100% geben es macht es 100% aber es geht "out" von Fenster, weil der 65px Titel div

Wie kann ich den Inhalt div 100% - 65px machen?

Wie kann ich bekommen, dass 100% der Titel div ... zu sein?

Answer 1

Nachdem Ihr Problem in den Kommentaren zu diskutieren, ist der beste Weg, um diese in Ihrem Fall zu lösen, ist absolut Position das Inhaltselement 65px von oben, wie:

.content{ 
    position:absolute; 
    top: 65px; 
    bottom: 0; 
} 

JSFiddle Demo

Wenn Sie jedoch nicht älteren Browser (IE 8) unterstützen müssen, können Sie auch calc() function die Verwendung CSS:

.content{ 
    height: calc(100% - 65px); 
} 

JSFiddle Demo

Answer 2

Verwenden Sie einen negativen Rand.

margin-top: -65px

Answer 3

Hier ist eine JQuery Lösung:

https://jsfiddle.net/5ev4b2c0/

var windowSize = $(window).height(); 
windowSize -= 65; 
$("#second").css("height", windowSize);