CSS不适用于嵌套的子div

Question

我在使用Joomla引擎创建的网站上有几个嵌套的div。问题主要在于插件本身在我已创建的div“banner”中嵌套了2个div，这意味着我无法访问这两个div。其中是一个小的矩形图像。这张图片应该可以帮助您查看我的问题（我发布了一个嵌入式图片，但您知道，显然我需要10个代表）：

http://www.nerfarena.net/SiteImage.PNG

我不希望横幅广告与搜索栏对接。但是无论我修改什么CSS属性，三个嵌套的div都不会增加高度。即使#banner也不会让步。他们似乎都将自己的大小调整到所需的最小值（搜索栏的底部+横幅广告的高度）。我正在寻找解决方法，所以任何建议都会非常感激。

这是php文件的大块，我关心的div是：

`     

     <!-- Logo -->
    <div id="logo">

    <?php if ($logo && $logoimage == 1): ?>
        <a href="<?php echo $this->baseurl ?>"><img src="<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo $sitename; ?>" /></a>
    <?php endif; ?>
    <?php if (!$logo || $logoimage == 0): ?>

        <?php if ($sitetitle): ?>
            <a href="<?php echo $this->baseurl ?>"><?php echo htmlspecialchars($sitetitle); ?></a><br/>
        <?php endif; ?>

        <?php if ($sitedescription): ?>
            <div class="sitedescription"><?php echo htmlspecialchars($sitedescription); ?></div>
        <?php endif; ?>

    <?php endif; ?>
    </div>

    <!-- Search -->
    <div id="search">       
        <jdoc:include type="modules" name="position-0" />
    </div>

    <!-- Banner -->
    <div id="banner" style= "text-align: right;">
        <jdoc:include type="modules" name="banner-position" />
    </div> 
</div>

`

Answer 1

尝试将sibling selectors用于CSS。有时它可以帮助我修复div的对齐。