坚持按钮到textarea的外角

时间:2014-02-27 11:56:41

标签: html css twitter-bootstrap

我有一个可调整大小的文本区域和右侧旁边的按钮。我想知道如何让按钮“粘贴”在textarea的右下角外侧,它们之间有10px的空间。

到目前为止,我目前的代码如下:

<div class="row">
    <div class="col-lg-8">
        <textarea class="form-control">
        </textarea>
    </div>
    <button class="btn btn-primary" style="margin-left:10px;">Button</button>
</div>

我已尝试摆弄各种浮点数,内联和位置css参数,但我无法找到所需的配置。

任何帮助将不胜感激!

干杯,Beejay。

1 个答案:

答案 0 :(得分:3)

最终修改:http://jsfiddle.net/7Dr2S/6/

我尽可能将这个作为基础,并且现在应该100%满足您的需求。

<强> CSS:

.btn {
    position: relative;
    bottom: 6px;
    left: 2px;
}

<强> HTML:

<textarea></textarea>
<input type="button" value="Button" class="btn" />