Sémantique de l'INTERFACE utilisateur de la grille de hauteur de la colonne

Je suis la construction d'une simple grille de mise en page où je veux placer .vertical pointing menu à l'intérieur de 3ème pourpre ligne, comme le montrent ici violon. Ce qui serait la bonne façon de faire de la hauteur du 3ème rangée afin de l'adapter les 100% de la fenêtre d'affichage? J'ai essayé par la mise en corps et en pointant menu des hauteurs de 100%, mais n'a pas eu d'effet. La hauteur de la ligne est déterminée par la hauteur du contenu, dans ce cas, le menu est à la hauteur.

OriginalL'auteur Nedo | 2015-03-14

  1. 9

    L'extrait de code suivant (et jsfiddle) est tirée de la La sémantique de l'INTERFACE utilisateur de Questions page, lorsque la même question a été posée par le même utilisateur:

    <style>
    html, body {
        height: 100%;
    }

    .ui.grid {
        height: 100%;
    }
</style>

<div class="ui padded equal height grid">
  <div class="two wide purple column">
  </div>
  <div class="fourteen wide stretched column">
    <div class="ui equal height grid">
      <div class="sixteen wide red column"></div>
      <div class="eight wide orange column"></div>
      <div class="eight wide blue column"></div>
    </div>
  </div>
</div>

    http://jsfiddle.net/ea04tkwo/

    stretched a été le point pour moi , merci 🙂
    Merci pour la réponse, cependant comment puis-je effectuer le volet gauche de la fenêtre de défilement, overflow-x: auto ne semble pas fonctionner.

    OriginalL'auteur Jan