使span标记填充div的剩余高度

Question

我有以下情况：
在具有2列的引导行中：
- 第一列，其中包含一个用于添加新行的按钮的表 - 带标签和跨度的第二列（它不必是跨度）

两列具有相同的高度，但我希望标签和跨度填充列。标签具有固定高度，跨度应具有剩余高度。 我尝试使用高度：100％，添加一个中间div，但没有成功

这可以实现吗？

编辑：这就是我想要的：

<div>
    <label>Descriere</label>
    <span class="editorWidth positionDescription">This text is variable
This control should expand as the div in left
Also it should support scrolling if the text is greater than the allocated space
Extra
Extra
Extra</span>

http://jsbin.com/niyenudufo/edit?html,css,output

span.positionDescription应该填充div的其余部分。 我试图将span转换为div，但div的滚动是在包含div

之外创建的

Answer 1

看到你的实际HTML和CSS会更容易理解这个问题，但我相信你的问题可以通过CSS中的calc函数来解决：

element {height calc(100% - x);}

x是徽标的高度。 calc非常自我解释，允许在CSS中进行基本的计算。 这应该占用100％而不是溢出。还要确保考虑两个元素的填充和边距。