Заполните пространство в div

Я хотел бы, чтобы элемент заполнял оставшееся пространство родительского div. Мне удалось это сделать. Вы можете увидеть здесь "ссылка удалена", но блок заполнения (справа) находится под левым блоком. В основном я хочу, чтобы правый div начинался там, где заканчивается левый.

Надеюсь, это имеет смысл.

    <html>
    <head>
    <title></title>
    <style type="text/css">
    #left {
        float:left;
        width:180px;
        background-color:#ff0000;
        height:20px;
    }
    #right {
        width: 100%;
        background-color:#00FF00;
        height:30px;
    }
    </style>
    </head>

    <body>
    <div>
    <div id="left">Nav</div>
    <div id="right">This is the space I need to fill but not go underneath the nav div</div>
    </div>
    </body>
    </html>
6
задан Mitch 29 April 2013 в 14:00
поделиться