css - 怎么可能有风格和在相对宽度的列中？

Question

使用 zurb 的基础，使用 div 设置具有可变列宽的表单很简单。我需要使用 dl 做同样的事情，例如： - 让 dt 扩展 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 的可变宽度解决方案？