0

我正在为我的新 Web 应用程序构建时间线功能，但我不知道如何解决这个 CSS 问题。我想让“Mauna Key Observatories”与“Mauna Key Summit”保持一致，因为该 div 不应该击中任何其他 Trek 项目 div。如果 Trek_items 相互覆盖，我只希望它们垂直列出。你知道解决办法吗？

您可以在以下位置查看我的问题：时间轴功能

4

1 回答 1

0

除了浮动，您可以使用 div 的定位将其水平放置。例如，将 div 的位置设为绝对位置，并将其放置在使用left ,* top *, right和bottom的位置

见下面的代码

<!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>

工作 JS 小提琴

于 2013-05-08T04:50:47.473 回答