Home/ Questions/Q 942301
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T22:15:01+00:00

I’m trying to make a div with a static height and variable width. With

  • 0

I’m trying to make a div with a static height and variable width. With multiple horizontal tabs. The active tab should stretch horizontally to fill the container and the inactive tabs should shrink back down to their inactive size (24px in this case).

I can’t quite get it to work. The tab stretches, but too much. It bumps the tabs after it to the next line, which shoudn’t happen. I can’t figure out how to make this work like I want it to.

What I am trying to do can be seen at [link removed]

I’m sure that theres a way to do it, as I’ve seen it done before, but I can’t find an example of it. Know what I’m doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Are you looking for a horizontal accordion?

    There are several examples online. It may be best to rely on Javascript to do the calculating if you want the open tab to take up all the space MINUS the width of the tabs, of the container.

    • 0