不會被Container

Question

認可追加的孩子們，我有一個問題想弄清楚爲什麼我的container不承認它有children。孩子們越過網格並且不起作用。我試圖創建一個無序的孩子列表（附加值），但沒有奏效。我該如何解決這個問題？

的jsfiddle：https://jsfiddle.net/bdfndp9h/1/

<div class="container text-slim"> 
    <div class="box square"> 

     <ul class="no-style"> 
     <li class="sub-container-title">Additional Item Specifics <i class="fa fa-info-circle" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="Use this to track listings using your own Product Identification Number (PIN)."></i></li> 
     <li class="sub-container-input add-more-half"> 
      <div class="inputs_container"></div> 
      <input type="text" name="text_area" class="text_area add-more-input ib" placeholder="Add your own item specific" maxlength="30" /> 
      <span class="input-group-btn"> 
      <button class="btn btn-default add_input_submit ibb" type="button">+</button> 
      </span> 
     </li> 

     <li class="sub-container-input add-more-half"> 
      <div class="checkbox_container"></div> 
      <input type="text" name="text_area" class="text_area add-more-input cb" placeholder="Add additional accessories" maxlength="30" /> 
      <span class="input-group-btn"> 
      <button class="btn btn-default add_checkbox_submit cbb" type="button">+</button> 
      </span> 

     </li> 
     </ul> 

    </div> 
</div> 

嘗試添加這對我CSS但這並沒有幫助

.no-style { 
    height: auto; 
    list-style: outside none none; 
    margin: 8px 0 0; 
    padding: 0; 
} 

這些附加時離開盒容器的children或+ button點擊

var input_content = $('.ib').val(); 
    $('.inputs_container').append('<ul class="no-style added-container input-group" id="newinput'+countinput+'"><li class="added-input-title">'+input_content+'</li><li class="added-input-body"><input type="text" class="add-more-input ib" id="input'+countinput+'"><span class="input-group-btn"><button class="btn btn-default ibb" id="inputbutton'+countinput+'" onclick="removeinput('+countinput+')" type="button">-</button></span></li></ul>'); 
    $('.ib').val(''); 
}); 

    var input_content = $('.cb').val(); 
    $('.checkbox_container').append('<ul class="no-style added-container input-group" id="newcheck'+countcheck+'"><li class="added-checkbox-body"><input type="checkbox" id="check'+countcheck+'"><span>'+input_content+'</span><span><button class="no-border" id="inputcheck'+countcheck+'" onclick="removecheck('+countcheck+')">x</button></span></li></ul>'); 
    $('.cb').val('');  
}); 

Answer 1

只需從.sub-container-input李

Working Demo