Это может быть очень простой вопрос, но яЯ был вне сцены CSS некоторое время, и я могуКажется, это понять. Я использую платформу Bootstrap, и у меня есть фиксированный верхний и нижний колонтитулы. Контейнер между ними включает в себя панель навигации и область содержимого. Я хотел бы, чтобы этот контейнер заполнил все пространство (высота 100%) между верхним и нижним колонтитулом.

Вот jsFiddle проекта:http://jsfiddle.net/NyXkt/2/

Это текущая HTML-структура:

    
    
        
            
            
                <p class="center-text">Left</p>
            
            
            
                <p class="center-text">Middle</p>
            
            
            
                <p class="center-text">Right</p>
            
        
    
    
    
        
            
                
                    
                        <a href="#">Item 1</a>

                            
                                <a href="#">Sub-Item 1 a</a>
                                
                                <a href="#">Sub-Item 1 b</a>
                                
                                <a href="#">Sub-Item 1 c</a>
                                
                            
                        
                        <a href="#">Item 2</a>

                            
                                <a href="#">Sub-Item 2 a</a>
                                
                                <a href="#">Sub-Item 2 b</a>
                                
                            
                        
                        <a href="#">Item 3</a>

                            
                                <a href="#">Sub-Item 3 a</a>
                                
                                <a href="#">Sub-Item 3 b</a>
                                
                                <a href="#">Sub-Item 3 c</a>
                                
                                <a href="#">Sub-Item 3 d</a>
                                
                            
                        
                        <a href="#">Item 4</a>

                            
                                <a href="#">Sub-Item 4 a</a>
                                
                                <a href="#">Sub-Item 4 b</a>
                                
                                <a href="#">Sub-Item 4 c</a>
                                
                            
                        
                    
                
            
            
                <p class="center-text">Content</p>
            
        
    



    
        <p class="center-text">Footer</p>
    

Если бы кто-нибудь мог объяснить, что мне, возможно, нужно сделать, или указать на пример, я быбуду признателен