CSS：Jquery UI按钮位置在INPUT与Header Name旁边不同

Question

SETUP ：我有一个表头，我已经包含了一个JQuery UI搜索按钮。单击此按钮后，它会用搜索框替换标题名称。

问题：点击按钮后， 对用户显示按钮略微移动。这是因为它位于INPUT框旁边或只是文本。请看这个小提琴，例如：http://jsfiddle.net/pwharff/gNG44/

为了解决这个问题，我试图使用float和display

float: right
display: inline-block

基本上，无论是在INPUT旁边还是只是文本，按钮的标记都需要处于相同的位置。

对此的任何帮助将不胜感激。

帮助澄清这篇文章：

点击搜索按钮之前：

点击搜索按钮后：

按钮移动。

Answer 1

这是一个黑暗中的镜头，因为我不知道你在谈论什么，但从它的声音，它会工作。适用位置：相对;到表头和位置：绝对到按钮，并给它一些位置编号：top：5px; right：0px;

绝对定位的元素不在DOM流程中，应保持不变。