Html 没有Verflow:隐藏属性，就没有样式应用于网页上的任何部分

我正在基于Wordpress创建一个网站，我在每个部分都面临一个非常奇怪的问题，即当我应用任何样式（特别是背景色）时，它不会直接应用，但当我添加CSS属性时，如下所示：

.abc { 
    background-color:red;
    overflow:hidden:
 }

它一开始工作正常，而且当未应用溢出属性时，它甚至不会在调试模式下高亮显示该部分的整个区域

现在，overflow属性的问题是，由于此，我有一些内容剪切，如下图所示：

在没有溢出属性的情况下，可以在下图中看到该节的行为：

因此，现在我希望背景颜色的部分，以及不要削减的内容，你可以看到在第一张图片。我如何解决这个问题，任何快速解决方案都将不胜感激

考虑以下结构

<header class="header-abc">
   ::before
   <div class="inner-abc-left">
         <img src="img.jpg">
   </div>
   <div class="inner-abc-right">
         <ul class="navigation">
            <li> < href="#"> abc </a> </li>
            <li> < href="#"> abc </a> </li>
            <li> < href="#"> abc </a> </li>
        </ul>
   </div>
</header>

因此，使用这种样式时，它无法正常工作，但添加了一个额外的溢出属性使其正常工作。请记住，我正在使用wordpress与一些页面生成器和购买的主题

---

谢谢

如果没有链接或代码笔，我们就不可能解决这个问题，这样我们至少可以看到这个.abc div的位置，以及它与您的其他代码的关系。

我自己解决了这个问题。这个问题是由于标头标记的：：before标记导致的，如下所示：

<header class="header-abc">
::before
</header>

：：之前

---

因此：：before标记被赋予display:inline样式，这就是它阻止要应用的样式的原因，现在删除了inline属性，一切正常。

您可以直接添加样式的代码吗。问题不清楚。@ApurvaSingh请现在检查问题

<header class="header-abc">
::before
</header>