Como faço para que as caixas tenham sempre a mesma largura

Aqui eu tenho que caixas, fica assim

<div class="dataViewBox">
  <div class="dataViewBox-Download">
    <div class="dataViewBox-DownloadLink">
      <span class="dataViewBox-Hashes"></span>
    </div>

    <div id="testblock0h" class="dataViewBox-HideShowButton" onclick="magicmushrooms('testblock0')">Show</div>

    <div class="dataViewBox-Name">SomeName</div>
  </div>

  <div id="testblock0" class="dataViewBox-BottomBorder">
    <div id="test0" class="dataViewBox-Data toggleable Text">
        <span>this is just a test to show the the box can expand and be alot more bigger then it first was</span>
    </div>
  </div>
</div>


<div class="infoViewExpirein">
  <div id="infoViewExpireinTime">Build this up to be bigger then the box................................</div>
</div>

<div class="dataViewBox">
  <div class="dataViewBox-Download">
    <div class="dataViewBox-DownloadLink">
      <span class="dataViewBox-Hashes"></span>
    </div>

    <div id="testblock1h" class="dataViewBox-HideShowButton" onclick="magicmushrooms('testblock1')">Show</div>

    <div class="dataViewBox-Name">SomeName</div>
  </div>

  <div id="testblock1" class="dataViewBox-BottomBorder">
    <div id="test1" class="dataViewBox-Data toggleable Text">
        <span>See how this box fallows the other one when you open it, and same when you close it, it always has equal width</span>
    </div>
  </div>
</div>


<div class="infoViewExpirein">
  <div id="infoViewExpireinTime">Build this up to be bigger then the box................................</div>
</div>

Todo o código é demais para postar aqui, mas eu tenho duas caixas, o código funciona como está agora, mas o problema é que não gosto de como resolvi esse problema, se você abrir uma caixa e verá em o outro vem de graça e com o mesmo tamanho, é a ideia de que deve ser assim. Portanto, todos os elementos da página são sempre simétricos. É só que ele só funciona se você tiver "display: table" no corpo. E eu tento encontrar outra maneira de fazer isso com os mesmos resultados, sempre é difícil quando você tenta obter largura igual em tudo, mas a maneira de fazer isso CSS / JavaScript não importa

Ligação:JsFiddle

/ Slaktarn

questionAnswers(0)

yourAnswerToTheQuestion