添付された子どもがコンテナによって認識されない

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; 
} 

は、これらが付加したり+ buttonが

クリックされたときに、ボックスコンテナを残す childrenあります

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