SheldonFromBBT
Explore posts from serversKPCKevin Powell - Community
•Created by SheldonFromBBT on 5/12/2024 in #front-end
Make height of a scrolling div less than certain height (with calc())
Hey there, am facing this issue where my main div doesn't stay on the certain specified height which should be less than some other element, in this example it should be min-h-[calc(100dvh-2.5rem)], where 2.5rem is height of a navbar located at bottom with fixed position, What I want to achieve is that main div should be scrollable without its bottom content getting overlapped with the navbar
The main thing is that it works untill more elements are added where it becomes scrollable
A playground will make you understand better - https://play.tailwindcss.com/FchqlK9POr
Thanks!
13 replies
KPCKevin Powell - Community
•Created by SheldonFromBBT on 1/11/2024 in #front-end
Overflowing issues ( Height related )
Hey there! I am having this issue where my content inside the div is overflowing, I am totally unsure and clueless why is this happening.
Here this is the screen recording of actual site, and what is happening, I have this
div inside of main tag, and dummy text to illustrate whats happening, blue background is to show the real overflowing problem, Thanks24 replies