Javascript Div元素未正确对齐

我正在用javascript构建一个示例程序，希望在其中动态创建按钮和div元素我希望div元素水平对齐，我成功地动态创建了按钮和div标记，但问题是div元素/标记以垂直顺序而不是水平顺序出现

测试代码-------- var=0； 风险值数据={ “第1张”：[{ “PlanName”：“妈妈的爱”， “价格”：“80”， “交货类型”：“每周”， “BillingType”：“每月”， “储蓄”：“80”， “NoOfDeliveries”：“55”， “最终价格”：“4320” }, { “PlanName”：“妈妈的爱”， “价格”：“80”， “交货类型”：“每月”， “BillingType”：“每月”， “储蓄”：“90”， “NoOfDeliveries”：“14”， “最终价格”：“1030” }, { “PlanName”：“妈妈的爱”， “价格”：“80”， “交货类型”：“双周”， “BillingType”：“每月”， “储蓄”：“100”， “NoOfDeliveries”：“27”， “最终价格”：“2060” }, { “PlanName”：“妈妈的爱”， “价格”：“80”， “DeliveryType”：“自定义”， “BillingType”：“每月”， “储蓄”：“110”， “NoOfDeliveries”：“7”， “最终价格”：“450” }, { “PlanName”：“Bloom Box”， “价格”：“75”， “交货类型”：“每周”， “BillingType”：“每月”， “储蓄”：“120”， “NoOfDeliveries”：“55”， “最终价格”：“4005” }, { “PlanName”：“Bloom Box”， “价格”：“75”， “交货类型”：“每月”， “BillingType”：“每月”， “储蓄”：“130”， “NoOfDeliveries”：“55”， “最终价格”：“3995” }, { “PlanName”：“Bloom Box”， “价格”：“75”， “交货类型”：“双周”， “BillingType”：“每月”， “储蓄”：“140”， “NoOfDeliveries”：“55”， “最终价格”：“3985” }, { “PlanName”：“Bloom Box”， “价格”：“75”， “DeliveryType”：“自定义”， “BillingType”：“每月”， “储蓄”：“150”， “NoOfDeliveries”：“55”， “最终价格”：“3975” }, { “PlanName”：“天堂”， “价格”：“96”， “交货类型”：“每周”， “BillingType”：“每月”， “储蓄”：“160”， “NoOfDeliveries”：“55”， “最终价格”：“5120” }, { “PlanName”：“天堂”， “价格”：“96”， “交货类型”：“每月”， “BillingType”：“每月”， “储蓄”：“170”， “NoOfDeliveries”：“55”， “最终价格”：“5110” }, { “PlanName”：“天堂”， “价格”：“96”， “交货类型”：“双周”， “BillingType”：“每月”， “储蓄”：“180”， “NoOfDeliveries”：“55”， “最终价格”：“5100” }, { “PlanName”：“天堂”， “价格”：“96”， “DeliveryType”：“自定义”， “BillingType”：“每月”， “储蓄”：“190”， “NoOfDeliveries”：“55”， “最终价格”：“5090” }, { “计划名称”：“浪漫”， “价格”：“105”， “交货类型”：“每周”， “BillingType”：“每月”， “储蓄”：“200”， “NoOfDeliveries”：“55”， “最终价格”：“5575” }, { “计划名称”：“浪漫”， “价格”：“105”， “交货类型”：“每月”， “BillingType”：“每月”， “储蓄”：“210”， “NoOfDeliveries”：“55”， “最终价格”：“5565” }, { “计划名称”：“浪漫”， “价格”：“105”， “交货类型”：“双周”， “BillingType”：“每月”， “储蓄”：“220”， “NoOfDeliveries”：“55”， “最终价格”：“5555” }, { “计划名称”：“浪漫”， “价格”：“105”， “DeliveryType”：“自定义”， “BillingType”：“每月”， “储蓄”：“230”， “NoOfDeliveries”：“55”， “最终价格”：“5545” } ] } var newArr=[]； var containerDiv、containerDivRows、containerDivCols； 函数init（）{ 对于（变量i=0；i{ log（“单击按钮…”）； 点击次数+=1； //----测试代码------- 如果（单击次数<2次）{ 显示数据（）； } }) 函数displayData（）{ console.log（“你好…”）； //----创建DIV元素的测试代码------- var newCount=0； 对于（var k=0；k<3；k++）{ newCount+=k； var myDiv=document.createElement（“div”）； myDiv.style.marginTop=“30px”； myDiv.style.width='200px'； myDiv.style.height='200px'； myDiv.style.backgroundColor='灰色'； myDiv.style.float=“左”； myDiv.style.position=“相对”； myDiv.style.display=“inline”； //document.body.append