как увеличить размер левого div внутри правого div в css

Question

Я хочу увеличить левый размер вместе с правым div. Но оставленный div не вел себя так, как я хочу. Каково решение.

Я держу код прямо здесь ниже:

    <div id="bn-container">
        <div id="bn-leftside">
            <jdoc:include type="modules" name="left" style="xhtml" />
        </div>
        <div id="bn-rightside">
            <div id="bn-component" style="float:left;">
                <?php if($this->countModules('breadcrumb')) { ?>
                    <jdoc:include type="modules" name="breadcrumb" style="xhtml" />
                <?php } else { ?>
                    <div id="moduletable_space"></div>
                <?php } ?>
                <jdoc:include type="component" />
                <jdoc:include type="modules" name="inset" />
            </div>
            <div id="bn-rightmodule" style="float:right;">
                <jdoc:include type="modules" name="right" style="xhtml" />
            </div>
            <div style="clear:both;"></div>
        </div>
        <div style="clear:both;"></div>
    </div>

И CSS:

#bn-leftside{
    width:225px;
    background:#3e5955;
    float:left;
    position:relative;
height:auto;
}

#bn-rightside{
    width:780px;
    background:#FFF;
    float:right;
    position:relative;
    height:auto;
}

Answer 1

Код, который вы указали, является динамическим кодом Joomla. Вы должны предоставить html из источника просмотра отрисованной страницы.

Я высказываю свое мнение, если я правильно оцениваю ваш вопрос

Оба столбца являются отдельными высотами обоих div зависит от содержимого inside div, если мы не задаем фиксированную высоту.

Вот несколько методов для получения кода равной высоты: http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/ выберите то, что вам подходит.