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/选择适合你的方法。

如何在css中增加右div内的左div大小

1 个答案: