Цвет фона Div накладывается на другой div, но контент не - PullRequest
Новая
       26

Цвет фона Div накладывается на другой div, но контент не

0 голосов
/ 15 января 2020

Я никогда не видел этого раньше

Я работаю над веб-сайтом блога c, теперь я создал страницу и добавляю DIV-контейнер для подписки на рассылку. Однако я обнаружил, что когда я проверяю свой код, все находится там, где он должен быть, кроме моего div для новостной рассылки (.newsletter-container), по какой-то странной причине сам div помещается над другим div, но когда я набираю текст, тогда текст идет ниже этого div. Я очень смущен этим и не знаю, как это объяснить.

Я бы сказал, посмотрите на это сами в прилагаемом коде, чтобы понять, что я имею в виду. Цвет yellowi sh - это мой фактический div, и, как вы можете видеть рядом с pagenation, он показывает содержание этого div. Но и цвет фона, и контент должны быть размещены под пагинацией

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

Мой код: codepen

Код бюллетеня: 

.newsletter-container {
  position: relative;
  background-color: rgba(252, 250, 238, 1);
  /* padding: 50px 0px; */
  height: 200px;
  color: black;
}
<div class="newsletter-container">CONTENT OF NEWSLETTER</div>

1 Ответ

1 голос
/ 15 января 2020

В приведенном выше контейнере (ваша нумерация страниц) есть много элементов float: left, если вы добавите в .newsletter-container класс: 

clear: both; // or left

Контейнер будет в следующей строке.

Это то, что вы хотели достичь?

...