文本框格式问题？

Question

我需要在同一行中显示一个文本框和一个按钮，其格式分别如下所示。一切都很好，除了文本框和按钮的边缘不相等。可以任何人建议css样式使边缘相等。我需要输出，而不使用高度属性按钮，因为如果我使用高度属性它不适合所有屏幕。 链接：

http://jsfiddle.net/manjunath_r/tcaw6/

.ui-controlgroup-controls a.ui-btn{
    position: absolute;
    right: 15px; left: auto;


}

Answer 1

文本框的边距应设置为0：

    .ui-controlgroup-controls .ui-input-text{
        position: absolute;

        left: 15px;
        right: 73px;
        height: 40px;
        margin:0;
    }

http://jsfiddle.net/LimitedWard/8KKjt/

Answer 2

这应该解决所有问题

.ui-controlgroup-controls {
    width: 100%;
    margin-bottom: 42px;
 }

.ui-controlgroup-controls .ui-input-text{
    position: absolute;

    left: 15px;
    right: 73px;
    height: 40px;
    margin: 0;
}

.ui-controlgroup-controls a.ui-btn{
    position: absolute;
    right: 10px;
    top: 6px;
}

Fiddle Example