html - Zurb Foundation 4 - How to create a full height column -

i'm trying create floating panel. needs detached grid , fill entire height of document, on left side so:

---

my experiment far:

<div class="row left">     <div class="small-3">         <div class="panel">             panel html         </div>     </div> </div> <div class="row">     <div class="small-6 columns"><div class="panel">main - content</div></div>     <div class="small-6 columns"><div class="panel">main - content</div></div> </div> 

produce following:

i'm not sure best practice when using foundation, , not find reference in docs. appreciate :)

here if found issue https://github.com/zurb/foundation/issues/226

try jquery plugin sync height https://github.com/ginader/syncheight ( didnt tried yet)