Почему на Grid не действует width:100%?

@skapunker · Регистрация: 13.12.2013

Студворк — интернет-сервис помощи студентам

Всем привет! Такая ситуация

есть у нас такой стиль
но не смотря на то, что ширина явно указана, сетка все равно растягивается по содержимому
как я понял, это из за того, что ширина центральной колонки auto

но разве ширина 100% не должна это ограничить?

вместо auto можно ставить calc(100% - 250px -380px) но мне кажется это не профессионально, ересь какая то

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
    
 
html, body {width:100%}
body {
    
    grid-template-areas:    
    "leftcol header header"
    "leftcol centercol rightcol"
    "leftcol centercol rightcol"
    "leftcol centercol rightcol";   
    grid-template-columns:250px auto 380px;
}

@ZeusHrom · 01.04.2021, 18:46

Но если вдруг вам жизненно не обходимо иметь центральную часть auto. Тогда вам надо обрамить ваш Grid классом и задать ему height и width. Важно чтоб этот класс имел свойство displya: grid;

@ZeusHrom · 01.04.2021, 19:02

Вот центральный блок контент внутри его не растягивает. Научитесь понимать, что вам пишут пожалуйста

@skapunker · 01.04.2021, 19:26 **[ТС]**

Сообщение от ZeusHrom

Научитесь понимать, что вам пишут пожалуйста

хм..

Добавлено через 16 минут

Сообщение от ZeusHrom

Вот центральный блок контент внутри его не растягивает.

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

опять же в чем, в этом собственно и вопрос

@ZeusHrom · 01.04.2021, 19:50

Покажите мне ваш весь код Grid-a. И если, что в вк я отвечаю быстрее. https://vk.com/p.prazdnov

@skapunker · 01.04.2021, 19:53 **[ТС]**

Сообщение от ZeusHrom

Покажите мне ваш весь код Grida

@skapunker · 01.04.2021, 19:55 **[ТС]**

там пока что стоит костыль, но если поставить auto то макет сдвинется

@ZeusHrom · 01.04.2021, 20:37

Установите в кассе отвечающего за тот блок, в который вы не хотите видеть растягивание вниз. Следующие параметры
height: сколько вам надо px; и overflow: hidden;

@skapunker · 01.04.2021, 20:55 **[ТС]**

Сообщение от ZeusHrom

в который вы не хотите видеть растягивание вниз

причем тут растягивание вниз

Новые блоги и статьи Все статьи Все блоги /
Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .

@ZeusHrom 0 / 0 / 0 Регистрация: 07.11.2018 Сообщений: 19
	01.04.2021, 18:46
	Но если вдруг вам жизненно не обходимо иметь центральную часть auto. Тогда вам надо обрамить ваш Grid классом и задать ему height и width. Важно чтоб этот класс имел свойство displya: grid; 0

@ZeusHrom 0 / 0 / 0 Регистрация: 07.11.2018 Сообщений: 19
	01.04.2021, 19:50
	Покажите мне ваш весь код Grid-a. И если, что в вк я отвечаю быстрее. https://vk.com/p.prazdnov 0

@skapunker -30 / 25 / 12 Регистрация: 13.12.2013 Сообщений: 1,465
	01.04.2021, 19:55 [ТС]
	там пока что стоит костыль, но если поставить auto то макет сдвинется 0

@ZeusHrom 0 / 0 / 0 Регистрация: 07.11.2018 Сообщений: 19
	01.04.2021, 20:37
	Установите в кассе отвечающего за тот блок, в который вы не хотите видеть растягивание вниз. Следующие параметры height: сколько вам надо px; и overflow: hidden; 0

Опции темы