Add a Scrollbar to a Container When Content Exceeds 100% Height Without Setting a Fixed Height?
Hello everyone,
I'm working on a responsive layout where I want the .status container to have a scrollbar if its content exceeds the available space. However, I don't want to set a fixed height for the .status container since the layout needs to be flexible and responsive. I'm looking for a solution primarily using HTML and CSS, but I'm open to JavaScript, TypeScript, or Angular solutions if necessary.
In this example, each .status container should display a scrollbar if the content exceeds the available height. However, I'm not sure how to achieve this without setting a fixed height.
Is there a way to make the .status container handle overflow correctly in this scenario?
Here is the code I'm working with: https://jsfiddle.net/nLo0vzgk/7/
In this example, each .status container should display a scrollbar if the content exceeds the available height. However, I'm not sure how to achieve this without setting a fixed height.
Is there a way to make the .status container handle overflow correctly in this scenario? Any advice or solutions would be greatly appreciated!
I'm working on a responsive layout where I want the .status container to have a scrollbar if its content exceeds the available space. However, I don't want to set a fixed height for the .status container since the layout needs to be flexible and responsive. I'm looking for a solution primarily using HTML and CSS, but I'm open to JavaScript, TypeScript, or Angular solutions if necessary.
In this example, each .status container should display a scrollbar if the content exceeds the available height. However, I'm not sure how to achieve this without setting a fixed height.
Is there a way to make the .status container handle overflow correctly in this scenario?
Here is the code I'm working with: https://jsfiddle.net/nLo0vzgk/7/
In this example, each .status container should display a scrollbar if the content exceeds the available height. However, I'm not sure how to achieve this without setting a fixed height.
Is there a way to make the .status container handle overflow correctly in this scenario? Any advice or solutions would be greatly appreciated!
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
