標籤輸入 - 在輸入頂部放置div

Question

我是一名新開發人員，正在嘗試創建一個標籤輸入 - 有很多解決方案（插件等），但我想嘗試使用html /如果我可以從這一點上的CSS。我怎樣才能使輸入標籤在輸入頂部出現？無論如何將它們放置在輸入的頂部，而不會混淆輸入值？

<div class="edit"> 
<div class="filter-tags-cloud" ng-show="editMode" style="float:left;"> 
    <div ng-repeat="filterTag in tags track by $index" class="filter-tag"> 
     <div class="btn-group btn-group-filter"> 
      <span class="btn btn-filter-tag filter-truncate">{{filterTag}}</span> 
      <span class="btn btn-filter" ng-click="vm.removeTag($index)"> 
       <span ng-click="removeTag($index)" class="fa fa-times"></span> 
      </span> 
     </div> 
    </div> 
</div> 
<div id="input" style="float:right;"> 
    <input type="text" ng-show="editMode" class="edit" ng-model="frontSeal.selected" ng-keydown="checkEvent($event)"/> 
</div> 

是什麼樣子現在：

我願與過濾器標籤的跨度是輸入內至少看起來如此。

Answer 1

也許這幫助下，嘗試在你的CSS添加此

.filter-tags-cloud {position:relative; top:10px;} 

這一點可以從上面推「過濾器標籤雲」，從當前位置