如何將按鈕移動到文本區旁邊

-2

搜索框包含一個輸入標籤和一個標籤。它看起來像下面的圖片。我想將按鈕右側的textarea像第二個圖像一樣移動。我嘗試了「浮動」，但它沒有奏效。有人能幫我弄清楚嗎？如何將按鈕移動到文本區旁邊

<div class="search"> 
 
     <input type="text" placeholder="Search here..." class="validate"> 
 
     <a class="waves-effect waves-light btn">Search</a> 
 
    </div>

actual output

desired output

來源

2016-02-28 jzhangnu

包括完整的CSS代碼或使一個JSFiddle – jetlej

我想，浮動因爲特殊性而不起作用。檢查devtools中的元素，看看CSS是如何應用的，以及你的float是否被覆蓋... – Aziz

沒有你的CSS，沒有辦法幫助你，而不僅僅是爲你完成整個工作:) –

柔性可能仍然是一個選項：

.search { 
 
    display:flex; 
 
    margin:50px 1em 1em; 
 
    } 
 
input { 
 
    flex:1; 
 
    } 
 
a { 
 
    padding:1em; 
 
    background:tomato;

<div class="search"> 
 
     <input type="text" placeholder="Search here..." class="validate"> 
 
     <a class="waves-effect waves-light btn">Search</a> 
 
    </div> 
 
                           <br/><br/><br/><br/><br/><br/><a href="http://codepen.io/gcyrillus/pen/jqOdMg">demo</a>

來源

2016-02-28 21:05:34

如何將按鈕移動到文本區旁邊

回答

相關問題