Question

我正在为我的新网络应用构建时间轴功能，但我不知道如何解决这个CSS问题。我想使“Mauna Key Observatories”符合“Mauna Key Summit”，因为div不应该击中任何其他的trek项目div。如果trek_items会相互覆盖，我只希望它们被列为垂直列表。你知道一个解决方案吗？

您可以在Timeline Feature

查看我的问题

Answer 1

您可以使用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>

Working JS Fiddle

让Divs排队而不浮动？

1 个答案: