동적의 폭이 div를

Question

추가 조정! 당신이 할 수 jQuery를

$(function(){ 
    $("#button").click(function(){ 
    $("#Data").append('<div id="mySecondDiv"></div>'); 
    }); 
}); 

를 [여기 이미지 설명을 입력합니다] [1]! [내 이미지] [2]

HTML

<div id ="data"> 
    <div>DIV1</div> 
</div> 

이미지보기 ... Divs를 내 Div id ="data"에 추가하는 단추가 하나 있습니다. 난 단지 기본적으로 내가 div, 누구의 너비가 100% 시작, 그리고 지금은 내가 그것을 추가 할 것입니다 두 divs의 너비가 자동으로 50 %로 조정됩니다 버튼을 클릭하고, 기능이 간다 하나 div있다. so on

어떻게 Divs의 너비 조정을 할 수 있습니까?

Answer 1

는이 속성을 사용할 수 있습니다 :

#data { 
    width:100%; 
    display:table; 
} 
#data > div { 
    display:table-cell; 
    width:1%; 
} 

확인이 Demo Fiddle

Answer 2

이 jQuery로 시도 : CSS와

$(function(){ 
var i = 1; 
    $("#button").click(function(){ 
     percent = ((1/i)*100) + '%'; 
     $("#Data").append('<div class="hello" style="width:'+ percent +'"></div>'); 
     $('.hello').css('width',percent); 
     i++; 
    }); 
});