Привет. Как избавиться от внешнего скролла? https://play.tailwindcss.com/6KW7mfxHmM <main> у меня с классом h-screen.

Question

Привет. Как избавиться от внешнего скролла? https://play.tailwindcss.com/6KW7mfxHmM <main> у меня с классом h-screen.

Внутри лежит div высота которого плавающая, а за ним див, который должен занять всю оставшуюся от первого div высоту, но он похоже не обращает внимание на соседа и забирает всю высоту h-screen. Не могу понятькак пофиксить.

#frontend #html #javascript #programming #russian

0

15.09.2023

7 ответов

9 просмотров

VAMP KID SA MORT

а не так понял секунду

0

15.09.2023

Eugene Автор вопроса

VAMP KID SA MORT
а не так понял секунду

Чет не могу допереть как это поправить

0

15.09.2023

Вячеслав

Пробовали через Grid посмотреть, с одним блоком который занимает 1 фрагмент, а другой автоматический, чтобы он задавал оставшуюся часть.

0

15.09.2023

Олег

Стикер

0

15.09.2023

VAMP KID SA MORT

Можно гридами сделать без кальков

0

15.09.2023

Олег

VAMP KID SA MORT
Можно гридами сделать без кальков

почему ты мне пишешь? я не спрашивал как это можно сделать))) ты советуешь грибы я флексы чел пробует и выбирает лучшее(на его взгляд)😁😁😁

0

15.09.2023

VAMP KID SA MORT · Accepted Answer

<div class="bg-blue-500 py-2 text-center text-white"> <h1 class="text-2xl font-bold">Let's do it</h1> </div> <div class="flex h-full flex-grow"> <div class="w-1/2 bg-red-500">  </div> <div class="flex h-full w-1/2 flex-col bg-green-500"> <div> <h2 class="py-2 text-center text-white">Hello Writer AI</h2> </div> <div class="">  <div class="p-4">Text Section2 1</div> <div class="p-4">Text Section 2</div> <div class="p-4">Text Section 3</div> <div class="p-4">Text Section 4</div> <div class="p-4">Text Section 5</div> <div class="p-4">Text Section 6</div> <div class="p-4">Text Section 7</div> <div class="p-4">Text Section 8</div> <div class="p-4">Text Section 9</div> <div class="p-4">Text Section 10</div> <div class="p-4">Text Section2 1</div> <div class="p-4">Text Section 2</div> <div class="p-4">Text Section 3</div> <div class="p-4">Text Section 4</div> <div class="p-4">Text Section 5</div> <div class="p-4">Text Section 6</div> <div class="p-4">Text Section 7</div> <div class="p-4">Text Section 8</div> <div class="p-4">Text Section 9</div> <div class="p-4">Text Section 10</div> </div> <div class="mb-2"> <input type="text" placeholder="Enter text here" class="w-full px-2 py-1" /> </div> </div> </div> </main>

169 похожих чатов

Привет. Как избавиться от внешнего скролла? https://play.tailwindcss.com/6KW7mfxHmM <main> у меня с классом h-screen.

7 ответов

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