Какое свойство развернет background на всю длину?

Question

Андрей Годунко @Noy-name-boy

HTML
CSS

Какое свойство развернет background на всю длину?

Какое свойство всегда будет показываться background на всю длину экрана. И что такое в codepen Только HTML, который идет в <body>, идет сюда., я ни как ни могу понять
Код

Вопрос задан более двух лет назад
125 просмотров

12 комментариев

Подписаться 1 Простой 12 комментариев

Ankhena @Ankhena Куратор тега CSS

И что такое в codepen

Это значит, что в поле html нужно писать только содержимое body.
Стили пишут в поле css.
Внешние файлы прикрепляют в настройках.

Какое свойство развернет background на всю длину?

Длина по-вашему, это высота или ширина?

Сейчас у вас фон занимает всю площадь блока для которого задан.

Уточните, чего именно вы хотите добиться?

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena,
Уточните, чего именно вы хотите добиться?

Ну чтобы кто не открыл сайт, всегда background был на весь экран.
На всю высоту, ведь она у меня фиксированная height: 625px;

Я не знаю какое свойство сделает высоту во всех экранах

Написано более двух лет назад
Ankhena @Ankhena Куратор тега CSS

Андрей Годунко, ну и в чем логика? Вы задаете блоку фиксированную высоту, а хотите, чтобы он растянулся на всю высоту окна.

Вы можете задать высоту (или минимальную высоту) 100vh.
Возможны и другие варианты в зависимости от макета и ТЗ. Гадать не буду.

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, Но height: 100%; не работает

Написано более двух лет назад
Ankhena @Ankhena Куратор тега CSS

Андрей Годунко, я не предлагала писать в %.
Чтобы задавать высоту в %, у родителя должна быть не нулевая высота. А у body она 0 по умолчанию. Соответственно, сначала нужно растянуть на весь вьюпорт html, затем body и только потом будет от чего считать высоту вашего блока.

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, Чет у меня наоборот все пропало Код

Написано более двух лет назад
Ankhena @Ankhena Куратор тега CSS
Андрей Годунко, ага.
И где?

сначала нужно растянуть на весь вьюпорт html

html { height: 100%; }
Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, А ну да

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, Я уже ничего не понимаю, покажи просто кодом как растянуть code. Не показывает, даже если дать на html code

Написано более двух лет назад
Ankhena @Ankhena Куратор тега CSS

Андрей Годунко,
раз https://codepen.io/AnnaSummer/pen/KKZKLjy
два https://codepen.io/AnnaSummer/pen/oNpNRrK

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, Огромное спасибо (￣y▽,￣)

Написано более двух лет назад
Андрей Годунко @Noy-name-boy Автор вопроса

Ankhena, Напиши это в ответ, я хочу его отметить как ответ

Написано более двух лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- час назад
- 30 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- час назад
- 37 просмотров
1

ответ
HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- 16 часов назад
- 51 просмотр
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 19 часов назад
- 182 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 22 часа назад
- 109 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- 23 часа назад
- 58 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- вчера
- 98 просмотров
2

ответа
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- вчера
- 65 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 23 апр.
- 52 просмотра
0

ответов
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Исправление багов в вебвью

26 апр. 2024, в 11:47

15000 руб./за проект

Требуется подсказать как скомпилировать приложение на C++ Qt

26 апр. 2024, в 11:30

1000 руб./за проект

Настроить ИИ модель IPadapter

26 апр. 2024, в 11:17

2000 руб./за проект

И что такое в codepen

Это значит, что в поле html нужно писать только содержимое body.
Стили пишут в поле css.
Внешние файлы прикрепляют в настройках.

Какое свойство развернет background на всю длину?

Длина по-вашему, это высота или ширина?

Сейчас у вас фон занимает всю площадь блока для которого задан.

Уточните, чего именно вы хотите добиться?
Ankhena,
Уточните, чего именно вы хотите добиться?

Ну чтобы кто не открыл сайт, всегда background был на весь экран.
На всю высоту, ведь она у меня фиксированная height: 625px;

Я не знаю какое свойство сделает высоту во всех экранах
Андрей Годунко, ну и в чем логика? Вы задаете блоку фиксированную высоту, а хотите, чтобы он растянулся на всю высоту окна.

Вы можете задать высоту (или минимальную высоту) 100vh.
Возможны и другие варианты в зависимости от макета и ТЗ. Гадать не буду.
Андрей Годунко, я не предлагала писать в %.
Чтобы задавать высоту в %, у родителя должна быть не нулевая высота. А у body она 0 по умолчанию. Соответственно, сначала нужно растянуть на весь вьюпорт html, затем body и только потом будет от чего считать высоту вашего блока.
Ankhena, Чет у меня наоборот все пропало Код
Андрей Годунко, ага.
И где?

сначала нужно растянуть на весь вьюпорт html

html { height: 100%; }
Ankhena, Я уже ничего не понимаю, покажи просто кодом как растянуть code. Не показывает, даже если дать на html code
Андрей Годунко,
раз https://codepen.io/AnnaSummer/pen/KKZKLjy
два https://codepen.io/AnnaSummer/pen/oNpNRrK
Ankhena, Напиши это в ответ, я хочу его отметить как ответ

Answer 1 · 2022-03-14 20:56:55

Вы можете задать высоту (или минимальную высоту) 100vh.

Другой вариант: задавать высоту в %, но у родителя должна быть не нулевая высота. А у body она 0 по умолчанию. Соответственно, сначала нужно растянуть на весь вьюпорт html, затем body и только потом будет от чего считать высоту вашего блока.

раз https://codepen.io/AnnaSummer/pen/KKZKLjy
два https://codepen.io/AnnaSummer/pen/oNpNRrK

Answer 2 · 2022-03-13 15:17:56

Александр Владимирович @polyanin

Golang, PHP & Symfony developer

background-size:cover

Ответ написан более двух лет назад

1 комментарий

Какое свойство развернет background на всю длину?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт