使ul与它的高度相同

Question

我怎样才能使ul成为它所包含的li的高度。

<div class="row">
    <nav>
        <ul>
            <li class="small-4 columns">L1</li>
            <li class="small-4 columns">L2</li>
            <li class="small-4 columns">L3</li>
        </ul>
    </nav>
</div>

我在UL周围有一个边界，它不在LI的“下面”，它穿过它们的中间。