Javascript Html文本堆叠在div顶部，而不是垂直
在一个要垂直堆叠的div中有以下一组div。但是，当我希望垂直堆叠时，最后一个div中的文本似乎堆叠在第二部分的div顶部，因此第三个div中的文本显示在图表下方。我不知道为什么显示：flex和flex-direction:column；没有让div按预期行事 变量宽度=710，高度=710； var-margin={顶部：-20，右侧：30，底部：40，左侧：40}； d3.selectcanvas.attrwidth、width.attrheight、height； var canvas=d3.selectcanvas； var context=canvas.node.getContext2d； var svg=d3.selectapp .宽度，宽度 .身高，身高 .附录 .attrtransform， 翻译+margin.left+，+margin.top+； 变量xAxis=d3.scaleLinear .域[-1.5,1.5] .范围[0，宽度]； svg.appendg .attrtransform，translate0，+高度+ .calld3.axisBottomxAxis； var yAxis=d3.scaleLinear .域[-1.5,1.5] .范围[高度，0]； svg.appendg .calld3.axisLeftyAxis； p{ 字体大小：2.7vmin； 线高：1.8； 文本对齐：左对齐； /*颜色：白色*/ } 钮扣{ 显示：内联； 左边距：2em； } 辛布洛克先生{ 显示器：flex； 弯曲方向：立柱； } svg{ 位置：绝对位置； } 帆布{ 位置：绝对位置； } 部分{ 显示器：flex； } 播放/暫停 重置 Lorem ipsum dolor坐在amet Concertetur，告别精英。多洛雷斯，减去德莱尼蒂。作为一个发明家，我的责任是什么？软体体表产气荚膜菌（Perferendis mollitia corporis saepe aspernatur enim requirementatibus volupatibus earum）。Javascript Html文本堆叠在div顶部，而不是垂直,javascript,html,css,Javascript,Html,Css,在一个要垂直堆叠的div中有以下一组div。但是，当我希望垂直堆叠时，最后一个div中的文本似乎堆叠在第二部分的div顶部，因此第三个div中的文本显示在图表下方。我不知道为什么显示：flex和flex-direction:column；没有让div按预期行事 变量宽度=710，高度=710； var-margin={顶部：-20，右侧：30，底部：40，左侧：40}； d3.selectcanvas.attrwidth、width.attrheight、height； var canvas=
根据注释删除位置：绝对从画布执行技巧ID在页面上应该是唯一的。您可以将其更改为类。您需要去掉位置：绝对；从画布