html - ボタンに固定位置を設定するには？

Question

非常に単純な検索フォームを作成しました - ここにあります:

onClickさらにいくつかのオプションが表示されます。

しかし、問題は、2番目のボタンが一番下の直後に移動することですdiv。そのため、何らかの方法で現在の位置にロックする必要があり、方法がわかりません。

実際には、このようにする必要があります (下部の div は「切り替え可能」であるため、そのうちの 1 つだけを表示する必要があります)。

これがjsfiddleの私のコードです（ビュースタイルは含まれていません-構造のみ）

Answer 1

div.advanced-search-values { position: fixed;}

これを試して。

または使用

div.advanced-search-values { position: absolute;}

Answer 2

この行をCSSに追加してください。

div.advanced-search-values{
    position: absolute;
}

Answer 3

絶対位置はここでうまく機能します

CSS に次の行を追加します。

.simple-search{
    float: left;
    position:relative;
}

div.advanced-search-values{
    display: none;
    border: 1px solid #DDDDDD;
    margin-top: 5px;
    padding: 2px;
    position:absolute;
    top:26px;
    left:235px
}

ここにjsfiddleファイルがあります

Answer 4

位置を追加しただけで、うまくいきます。

div.advanced-search-values {
display: none;
border: 1px solid #DDDDDD;
margin-top: 5px;
padding: 2px;
position: absolute; // or     position:fixed; (both works fine)

}