Высота столбца семантического UI

Question

Я строю простой сетчатый макет, где хочу разместить .vertical pointing menu внутри 3-го фиолетового ряда, как показано здесь fiddle. Каким будет правильный способ сделать высоту 3-й строки для соответствия 100% экрана просмотра? Я попытался установить тело и указав высоты меню на 100%, но не оказал никакого эффекта. Высота этой строки определяется высотой содержимого, в этом случае высота меню.

Answer 1

Следующий фрагмент кода (и jsfiddle) берется из Semantic-UI Issues страницы, где тот же вопрос был задан одним и тем же пользователем:

<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/