Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery在展开时,输入框不会停留在标签旁边_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery在展开时,输入框不会停留在标签旁边

Javascript Jquery在展开时,输入框不会停留在标签旁边,javascript,jquery,html,css,Javascript,Jquery,Html,Css,附加了我的代码链接。 我希望在单击输入框后,它就位于我的标签旁边。但不知怎的,它一直保持在它下面。 在展开之前,如何使锚定词位于我的单击旁边?而隐藏在扩展上 让它为你工作。我只是需要做一些css更改 #headsearch { width:112px; background:white; height:30px; position: relative; } #hidewrap form { display: inline-block; float

附加了我的代码链接。 我希望在单击输入框后,它就位于我的标签旁边。但不知怎的,它一直保持在它下面。 在展开之前,如何使锚定词位于我的单击旁边?而隐藏在扩展上

让它为你工作。我只是需要做一些css更改

#headsearch {
    width:112px;
    background:white;
    height:30px;
    position: relative;
}

#hidewrap form {
    display: inline-block;
    float: right;
}
#hidewrap input {
    width:350px;
    top: 4px; 
    left: 100px;
    display: inline-block;
    position: absolute;
}

伟大的但我的锚还是不粘在一边:
#headsearch {
    width:112px;
    background:white;
    height:30px;
    position: relative;
}

#hidewrap form {
    display: inline-block;
    float: right;
}
#hidewrap input {
    width:350px;
    top: 4px; 
    left: 100px;
    display: inline-block;
    position: absolute;
}