Javascript 让潜水艇排成一行而不漂浮？_Javascript_Css

Javascript 让潜水艇排成一行而不漂浮？

javascript css

Javascript 让潜水艇排成一行而不漂浮？,javascript,css,Javascript,Css,我正在为我的新web应用程序构建一个时间轴功能，但我不知道如何解决这个CSS问题。我想让“莫纳关键天文台”与“莫纳关键峰会”保持一致，因为该部门不应该打击任何其他长途跋涉项目部门。我只希望他们是垂直的，如果长途跋涉的项目将覆盖彼此。你知道解决办法吗您可以在以下位置查看我的问题：而不是浮动，您可以使用div的定位将其水平放置。。例如，将div的位置设置为绝对位置，并使用左、*上*、右和下请参阅下面的代码 <!DOCTYPE HTML> <html lang="en-US"&g

我正在为我的新web应用程序构建一个时间轴功能，但我不知道如何解决这个CSS问题。我想让“莫纳关键天文台”与“莫纳关键峰会”保持一致，因为该部门不应该打击任何其他长途跋涉项目部门。我只希望他们是垂直的，如果长途跋涉的项目将覆盖彼此。你知道解决办法吗

您可以在以下位置查看我的问题：

而不是浮动，您可以使用div的定位将其水平放置。。例如，将div的位置设置为绝对位置，并使用左、*上*、右和下

请参阅下面的代码

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:0px;"></div>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:100px;"></div>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:200px;"></div>
</body>
</html>

垂直或水平…？不相关，但在左侧栏上是“北极”而不是“北极”。@Maggy May-谢谢。抢手货修正了。@PrasathK-我希望它水平排列。它应该在同一水平平面上。@JasonBiondo希望我的回答能帮助回答一个问题：我一直认为

位置：绝对将元素从文档结构中取出。这就是为什么我只使用它在文档中的其他框之间或上方放置一些内容（如）。因此，我总是喜欢float
而不是position:absolute。你是怎么想的，@Prasath K？@Raul Pinto你怎么说它把元素从文档结构中去掉了。。。？？如果你把它放在正确的位置上，它就不起作用了，我也喜欢浮动，但提问者不希望它是浮动的。正如我所说，我只是用它来把一些东西放在“盒子”之间的“顺序”上。所以，我想说，其他盒子不受它的影响。因此，它是“文档结构之外的”。可能用词不当。对不起。我喜欢你的答案，对于OP没有更好的答案。我想，如果有什么需要补充的话，应该使用float
：）