Применение без стиля без Verflow: скрытое свойство для любого раздела на веб-странице - PullRequest
0 голосов
/ 20 сентября 2019

Я создаю веб-сайт на основе Wordpress. У меня возникла очень странная проблема с каждым разделом: когда я применяю какой-либо стиль, особенно цвет фона, он не применяется напрямую, но когда я добавляю свойство CSS следующим образом:

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

Он начинает работать нормально, а также, когда свойство переполнения не применяется, он даже не выделяет всю область этого раздела в режиме отладки.

Теперь проблема со свойством переполнения заключается в том, что у меня есть некоторое сокращение содержимого, из-за этого, как вы можете видеть на следующем рисунке:

enter image description here

И без свойства переполнения поведение раздела можно увидеть на следующем изображении:

enter image description here

Так что теперь я хочу цвет фона для разделаа также чтобы не вырезать содержимое, как вы можете видеть на первом изображении.как я могу это исправить, будет оценено любое быстрое решение.

рассмотрим следующую структуру

<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>

Стиль как:

.header-abc {
    background: rgba(0,0,0,0.5);
    position:relative;
    width:100%;
    display: block;
    clear: both;
 }
 .header-abc:before {
     display:inline;
 }

Так что с этим стилем этоне работает нормально, но добавил дополнительное свойство переполнения, чтобы оно работало.Имейте в виду, что я использую WordPress с некоторыми pagebuilder и купленной темой.

Спасибо

Ответы [ 2 ]

0 голосов
/ 23 сентября 2019

Я решил эту проблему самостоятельно, это было связано с тегом :: before для тега заголовка, как показано ниже:

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

, поэтому тег :: before получил display: inline styleпоэтому он блокировал применяемый стиль, теперь удалил свойство inline, и все работало нормально.

0 голосов
/ 20 сентября 2019

Невозможно решить эту проблему без ссылки или кодового указателя, чтобы мы могли хотя бы увидеть, где находится этот .abc div и как он соотносится с остальным кодом.

...