Вот мое правило CSS вместе с разметкой:

<div style = "height:100%;">
<div style = "width:220px; margin-left: 200px;font-size:16px; height:auto;">
    <div class='navbar-inner'>
        <div class='container'>
        <ul class="nav nav-list">
            <div>   
            <li <?php if($page == 'upload_track'){ echo "class = \"active\""; }?>><a href = "#">Upload a new Track</a></li>
            <li><a href = "#">View all blog post</a></li>
            <li><a href = "#">View all tracks uploaded</a></li>
        </div>
        </ul>
    </div>
    </div>
</div>
<div style = "width:220px; margin-left: 200px;font-size:16px; height:auto;">

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

Как мне заставить этот div занимать всю доступную высоту? как в самом низу страницы. на данный момент это выглядит примерно так

я хотел увидеть, что черный div занимает всю доступную высоту на странице