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

Question

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

HTML
CSS

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

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

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

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, Напиши это в ответ, я хочу его отметить как ответ

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Frontend-разработчик + ИИ

9 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

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

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

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

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

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

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

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

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

HTML

+2 ещё

Простой
Как запретить формирования ссылок вида /tel:?
- 2 подписчика
- 01 июл.
- 272 просмотра
2

ответа
HTML

+1 ещё

Средний
Как выставить элементу ширину по содержимому при переносах?
- 1 подписчик
- 30 июн.
- 151 просмотр
1

ответ
HTML

+3 ещё

Средний
Как создать каркас верстки который будет считаться по высоте, а не по ширине?
- 4 подписчика
- 26 июн.
- 350 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Не работает тень + слайдер, есть варианты?
- 2 подписчика
- 21 июн.
- 193 просмотра
1

ответ
HTML

+1 ещё

Простой
Как оформить так карточку типа бенто стиль?
- 1 подписчик
- 13 июн.
- 232 просмотра
3

ответа
CSS

Простой
Как убрать «треугольник» от скролла?
- 1 подписчик
- 12 июн.
- 195 просмотров
1

ответ
CSS

Простой
Как сделать background изображение темнее и более размытым, как в дизайне?
- 1 подписчик
- 29 мая
- 165 просмотров
1

ответ
CSS

+1 ещё

Простой
Как создать вторую рамку за изображением, смещенную влево и вниз?
- 2 подписчика
- 26 мая
- 250 просмотров
4

ответа
CSS

Простой
Почему @media запрос не работает?
- нет подписчиков
- 22 мая
- 146 просмотров
1

ответ
HTML

+2 ещё

Простой
Как блок уведомлений поднять выше dialog?
- 2 подписчика
- 21 мая
- 193 просмотра
2

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

И что такое в 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 на всю длину?

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

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

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