如何将按钮与相邻文本区域的底部对齐？

Question

我在zend表格中工作。目前它的外观如下：

我想对齐'Suggest Subtest'按钮，使其与Subtest文本区域的底部内联，如下所示;

我用我使用的代码创建了一个jsfiddle; http://jsfiddle.net/g6SV5/

感谢任何帮助。

Answer 1

使用以下CSS为每个“行”提供一个formRow类：

.formRow {
    width: 100%;
    position: relative;
}

然后将提交按钮设置为绝对位于每行的右下角。

submit {
   position: absolute;
   bottom: 0;
   right: 0;
}

此处的实例 - ＆gt; http://jsfiddle.net/spacebeers/vNuZx/1/