如何将<dl>设置为在相对宽度的列中具有<dt>和</dt> <dd>？</dd> </dl>

Question

使用zurb的基础，使用div来设置具有可变列宽的表单很简单。我需要使用dl做同样的事情，例如： - 有扩展zurb网格中的两列（16.7％） - 让列表中的所有dd填充剩余的10列（83.3％）

我找到了使用填充和边距的固定宽度列的解决方案，在父dd内嵌入第二个没有dt的dl。 我发现目前首选的最后一个替代方案是将dl加倍：

<div class="row">
    <div class="small-2 columns">
        <dl class="sub-nav" input-radio>
            <dt>Scope:</dt>
        </dl>
    </div><!-- col -->
    <div class="small-10 columns">
        <dl class="sub-nav" input-radio>
            <dd class="active"><a href="engine" value="videodb">videoDB</a></dd>
            <dd><a href="engine" value="imdb">IMDB</a></dd>
            <dd><a href="engine" value="amazon">Amazon</a></dd>
        </dl>
    </div><!-- col -->
</div><!-- row -->

是否有可变宽度的解决方案而不需要嵌套的dls？