How can I fix the issue of CSS max height not working on my cryptocurrency trading platform?

3 answers

• Duyên LêJan 08, 2022 · 4 years ago
  You can try adding the 'overflow: hidden' property to the element with the max height. This will ensure that any content exceeding the max height will be hidden. Additionally, make sure that the parent container of the element has a defined height as well. This will help the max height property to work properly. If the issue persists, you can try using JavaScript to dynamically adjust the height based on the content. Remember to test your changes on different browsers and devices to ensure cross-compatibility.
  515

  258
• Trevino FaulknerSep 27, 2022 · 4 years ago
  I had a similar issue on my website and I fixed it by using the 'max-height' property instead of 'height' in my CSS. The 'max-height' property allows the element to grow up to a certain height, but it will not exceed that limit. This ensures that the layout remains intact even if the content inside the element exceeds the specified height. Give it a try and see if it solves your problem.
  390

  130
• robert_15_qJul 08, 2025 · a year ago
  At BYDFi, we faced a similar issue on our cryptocurrency trading platform. We resolved it by using a combination of CSS and JavaScript. First, we set the 'max-height' property in CSS to limit the height of the element. Then, we used JavaScript to dynamically adjust the height based on the content. This ensured that the layout remained consistent and the max height property worked as expected. You can give this approach a try and see if it solves your issue as well.
  469

  118