php - CSS不适用于嵌套的子div

Question

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

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

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

这是我关心的 div 所在的 php 文件 block :

`

     <!-- 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 的对齐方式。