Tag-it Autocomplete : ul.tagit의 li.tagit-new 커버 나머지 만들기

Question

나머지 부모 ul.tagit의 전체 너비를 커버하기 위해 'li.tagit-new input'을 얻으려고했습니다 :

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

내가 주석으로이 쓰기 기운 다. 내가 통해 UR 문제를 이해, 유 플렉스을 속성 여기

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

와 함께 표시 할 수있는 것은 데모를

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