Question

我创建了一个DOM结构的网站：

<body>
<div><canvas id="cv"></canvas>
<script>
..some scripts with function and methods to make multiple canvas..
</script>
</div>
<p>lorem ipsum</p>
</body>

问题是“lorem ipsum”段落总是出现在画布后面我不能让它出现在画布之后或者至少在它之后出现，它应该是那样的，

在脚本上我使用“createElement”和“appendChild”方法制作多个画布，并在div标签中附加新画布

是否有任何想法让段落出现在下面？（画布不在后面）

完整的页面或多或少具有相同的结构：

<html>
<body>
<div id="layer">
<canvas id="myCanvas" width="400" height="300" style="border:2px solid #c3c3c3;position:absolute;left:5px;top:5px">Your browser does not support the canvas element.</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
var id=document.createAttribute("id");
id.nodeValue="test";
var cs=document.createElement("canvas");
document.getElementById("layer").appendChild(cs).setAttributeNode(id);
document.getElementById("test").style.position="absolute";
document.getElementById("test").style.left="7px";
document.getElementById("test").style.top="7px";
document.getElementById("test").width="100";
document.getElementById("test").height="180";
document.getElementById("test").style.border="1px solid";
</script>
</div>
<p>dssdsdsds dsds vdok fekof efienife fienfie fkenfke fkeinf ekfine</p>
</body>
</html>

Answer 1

如果您希望其他元素围绕它们流动，请不要绝对定位元素。如果你真的需要绝对定位，那么定位容纳你想要保持在一起的所有东西的容器。

在</p> <div> </div>之后放<p>

1 个答案: