gpt4 book ai didi

javascript - 创建并排放置的 div

转载 作者:行者123 更新时间:2023-11-28 16:28:23 25 4
gpt4 key购买 nike

我想创建并排放置的 div,每个 div 在高度和宽度上占屏幕的 25%。我的脚本创建了 25% 高度和宽度的 div,但它们一个比一个低。我的脚本是:

   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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com