javascript - 创建并排站立的div

我想创建并排放置的div，每个div填充屏幕的高度和宽度的25％。我的脚本创建的div具有25％的高度和宽度，但它们彼此之间保持一个高度。我的脚本是：

   function createDiv() {
     var div_created = document.createElement("div");
     div_created.setAttribute("class", "div1");

     document.body.appendChild(div_created);
   }

.div1 {
  width: 50%;
  height: 50%;
  background-color: #000000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="estilo_segundo.css">
<body>
<button onclick="createDiv()">Click</button>
</body>

最佳答案

.div1 {
  width: 50%;
  height: 50%;
  background-color: #000000;
  float:left;
}

关于javascript - 创建并排站立的div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40646367/

的DIV

javascript - 创建并排站立的div