javascript - 调整动态添加的 Div 的宽度

Question

![在此处输入图片描述][1]![我的图片][2]

HTML

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

查询

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

正如您在图片上看到的...我有一个按钮可以将 Div 添加到我的 Div id ="data"。我只希望默认情况下我只有一个 div ，开始时宽度为 100% ，现在当我单击按钮时它会添加另一个，现在两个 div 的宽度将自动调整为50%，功能就这样了

如何实现调整Divs的宽度？

Answer 1

通过 CSS，您可以使用这些属性:

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

检查这个Demo Fiddle