Tag-it Autocomplete：使li.tagit-new蓋上其餘的ul.tagit

Question

我試圖通過'li.tagit-new input'來覆蓋其父母ul.tagit的全部寬度：

ul.tagit li { 
    display:table-cell; 
    white-space:nowrap; 
    vertical-align:top; 
    float: none; 
} 

ul.tagit li.tagit-new { 
    width: 100%; 
    border: 1px solid #ddd; 
} 
ul.tagit li.tagit-new input { 
    width: 100%; 
} 

它工作正常，如果至少有一個標籤。但並非不存在任何標籤：

http://jsfiddle.net/bus9dgx5/

Answer 1

我不能寫這篇文章的評論。據我瞭解烏爾問題，u能與Flex proprety

ul.tagit { 
    margin-bottom: 0px; 
    display: flex; 
} 

這裏顯示它是一個演示

http://jsfiddle.net/4eusrdbf/1/