Проверьте мою текущую проблему здесь (изображение прилагается)
Цвет фона нижнего колонтитула не заполнен полностью.
Код HTML: -
<div class = "footer">
<p class = "footer-txt-left">© 2017 - 2018 ccc Group Inc. All Rights Reserved.</p>
<p class = "footer-txt-right">Terms | Privacy | Service</p>
</div>
CSS: -
.footer{
padding: 10px;
font-size: 14px;
background-color: #0071ba;
}
Я хочу, чтобы оба диапазона входили в нижний колонтитул div (заполненный синим цветом BG)
Ниже мой ожидаемый результат
Полный CSS: -
Прикрепил мой полный CSS ЗДЕСЬ Ниже
Полный фрагмент CSS
.footer {
padding: 8px 20px;
font-size: 14px;
background-color: #0071ba;
color: #ffffff;
overflow: auto;
}
.footer-txt-right {
float: right;
}
.footer-txt-left {
float: left;
}
<div class = "footer">
<p class = "footer-txt-left">© 2017 - 2018 ccc Group Inc. All Rights Reserved.</p>
<p class = "footer-txt-right">Terms | Privacy | Service</p>
</div>
Но для меня предыстория не покрыта промежутком :(
вы используете float, поэтому очистите float -> overflow:auto
в нижнем колонтитуле
@TemaniAfif Good Point .... пропустил это.
@Fabio_MO вы хотя бы проверяли его код вопросом перед использованием сниппета? нет необходимости преобразовывать код во фрагмент, поскольку он явно не показывает поведение
@TemaniAfif где я использую float? Я не использовал float в css нижнего колонтитула
это было предположение;) и если вы не предоставили нам полный код, так что поделитесь всем своим кодом, и мы увидим, плавающий он или нет
@TemaniAf Если я прикрепил полный CSS, проверьте его
@TemaniAfif, если я всегда сталкиваюсь с этой проблемой в div, научите меня, почему, чтобы я мог учиться.
и вы используете float :) проверьте код, которым вы поделились
@TemaniAf, если да, чтобы текст шел влево, я использую float left, а чтобы сделать текст правым, я использовал flot right в нижнем колонтитуле. Я сделал что-то не так? :(
ничего плохого и, как я уже сказал, это проблема с очисткой поплавка .. вам нужно очистить поплавок
Я попытался запустить его, и он полностью заполнился