Почему на 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

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

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

Новые блоги и статьи Все статьи Все блоги /
Запрет дублирования строк в табличной части 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: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .	мат медиц модель 30. презентация проекта anaschu 27.08.2026 хоп хоп хоп хидахоп, а я кладую))	Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .

@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